jQuery如何操作文本?

70次阅读
没有评论

jQuery提供了一些用于操作文本的方法,包括获取和设置文本内容、获取和设置HTML内容、获取和设置元素属性等。

  1. 获取和设置文本内容 可以使用text()方法获取或设置元素的文本内容。例如:
// 获取元素的文本内容
var text = $('#myDiv').text();

// 设置元素的文本内容
$('#myDiv').text('Hello World');
  1. 获取和设置HTML内容 可以使用html()方法获取或设置元素的HTML内容。例如:
// 获取元素的HTML内容
var html = $('#myDiv').html();

// 设置元素的HTML内容
$('#myDiv').html('<h1>Hello World</h1>');
  1. 获取和设置元素属性 可以使用attr()方法获取或设置元素的属性。例如:
// 获取元素的属性
var src = $('img').attr('src');

// 设置元素的属性
$('img').attr('src', 'new_image.png');
  1. 追加和插入文本和HTML内容 可以使用append()和prepend()方法在元素内部追加或插入文本和HTML内容,使用after()和before()方法在元素外部插入文本和HTML内容。例如:
// 在元素内部追加文本
$('#myDiv').append('Hello World');

// 在元素内部插入HTML内容
$('#myDiv').prepend('<h1>Hello World</h1>');

// 在元素外部插入文本
$('#myDiv').after('Hello World');

// 在元素外部插入HTML内容
$('#myDiv').before('<h1>Hello World</h1>');

这些方法可以帮助开发人员轻松地操作文本内容,并且可以使用CSS选择器来选择元素。

正文完
 
评论(没有评论)