jquery的html

jQuery的html()方法

jQuery的html()方法用于获取或设置匹配元素的HTML内容。它可以读取元素的innerHTML，也可以设置新的HTML内容。

获取HTML内容

使用无参数的html()方法可以获取第一个匹配元素的HTML内容：

var content = $('#element').html();

设置HTML内容

传递字符串参数可以设置所有匹配元素的HTML内容：

$('#element').html('<p>新的HTML内容</p>');

使用函数设置HTML

可以传递一个函数来动态设置HTML内容：

$('div').html(function(index, oldHtml) {
  return oldHtml + '<span>追加的内容</span>';
});

html()与text()的区别

html()方法处理HTML标记，而text()方法只处理文本内容：

// html()会解析HTML标签
$('#div1').html('<b>加粗文本</b>');

// text()会把标签作为纯文本输出
$('#div2').text('<b>加粗文本</b>');

注意事项

使用html()设置内容时会替换元素内所有现有内容，包括事件处理程序。如果需要保留事件处理程序，可以考虑使用append()或prepend()方法。

性能考虑

频繁操作DOM会影响性能，建议批量处理HTML内容而不是多次调用html()方法。