jQuery html()方法

下面是详细的“jQuery html()方法”的攻略：

html()方法

html()方法是jQuery中用来获取或设置HTML内容的方法。它可以用来获取一个元素的HTML内容，也可以用来设置一个元素的HTML内容。如果用它来设置HTML内容，它会覆盖元素原来的内容。

语法

html()方法有两种语法：

1. 获取HTML内容

$(selector).html()

1. 设置HTML内容

$(selector).html(htmlString)

参数

• selector: 用来指定要获取或设置HTML内容的元素。
• htmlString: 用来指定要设置的HTML内容。

返回值

• 获取HTML内容时，html()方法返回匹配元素的HTML内容。
• 设置HTML内容时，html()方法返回一个jQuery对象，可以用来链式调用其他方法。

示例1：获取HTML内容

<div id="example">Hello, <strong>world!</strong></div>

var htmlStr = $("#example").html();
console.log(htmlStr);
// 输出：Hello, <strong>world!</strong>

示例2：设置HTML内容

<div id="example">Hello, <span>world!</span></div>

$("#example").html("<strong>Hello, world!</strong>");

设置之后，HTML变成了：

<div id="example"><strong>Hello, world!</strong></div>

注意事项

• 当HTML内容中包含一些特殊字符（如<、>、&等符号）时，html()方法会自动将它们转义成实体字符。如果不希望进行转义，可以使用text()方法。
• 如果想要获取或设置元素的纯文本内容，可以使用text()方法。