jquery中的html（）和text（）方法有何区别

在 jQuery 中，html() 和 text() 方法都是用来获取或设置元素的内容的方法，但它们有一些区别：

1. html() 方法会返回包含 HTML 标记的内容，而 text() 方法则只返回文本内容，不包含 HTML 标记。

2. html() 方法可以用来设置 HTML 内容，包括 HTML 标记和文本内容，而 text() 方法只能设置文本内容，任何 HTML 标记都会被转义。

例如：

<div id="myDiv">
  <p>This is <b>bold</b> text.</p>
</div>

如果我们使用 html() 方法获取该元素的内容：

var content = $('#myDiv').html();
console.log(content);

输出结果为：

<p>This is <b>bold</b> text.</p>

如果我们使用 text() 方法获取该元素的内容：

var content = $('#myDiv').text();
console.log(content);

输出结果为：

This is bold text.

如果我们使用 html() 方法设置该元素的内容：

$('#myDiv').html('<p>New <i>italic</i> text.</p>');

此时该元素的内容变成：

<div id="myDiv">
  <p>New <i>italic</i> text.</p>
</div>

如果我们使用 text() 方法设置该元素的内容：

$('#myDiv').text('New text.');

此时该元素的内容变成：

<div id="myDiv">
  New text.
</div>