jQuery html() 方法是用于获取或设置被选元素的内容。

语法：$(selector).html(content)

参数说明：

- selector：必需，用于指定要操作的元素。

- content：可选，要设置的内容。

 

当没有传递 content 参数时，html() 方法用于获取被选元素的内容。它将返回被选元素的内容，包括 HTML 标记。

 

当传递 content 参数时，html() 方法用于设置被选元素的内容。它将替换被选元素的内容为指定的内容。

 

下面我们来详细介绍 jQuery html() 方法的使用。

 

1. 获取元素的 HTML 内容

可以使用 html() 方法来获取元素的 HTML 内容。如下例所示，我们有一个 id 为 myDiv 的 div 元素。

 

```html

```

 

我们可以使用以下代码来获取该元素的 HTML 内容：

 

```javascript

var content = $("#myDiv").html();

console.log(content);

```

 

上述代码将输出以下结果：

 

```

Hello

World!

This is a paragraph.

```

 

2. 设置元素的 HTML 内容

除了获取元素的 HTML 内容，我们还可以使用 html() 方法来设置元素的 HTML 内容。如下例所示，我们可以将上述的 div 元素的内容替换为指定的字符串。

 

```javascript

$("#myDiv").html("

Welcome!

This is a new paragraph.

");

```

 

上述代码会将 myDiv 元素的内容替换为以下内容：

 

```html

Welcome!

This is a new paragraph.

```

 

3. 使用回调函数来设置元素的 HTML 内容

我们还可以使用回调函数来动态设置元素的 HTML 内容。如下例所示，我们可以使用回调函数来根据当前元素的内容进行更改。

 

```javascript

$("#myButton").click(function(){

var currentContent = $("#myDiv").html();

$("#myDiv").html(function(){

return currentContent + "

Button clicked!

";

});

});

```

 

上述代码中，当按钮被点击时，会将当前的 myDiv 元素的内容保存在一个变量 currentContent 中，并使用回调函数来设置元素的 HTML 内容。回调函数返回的内容会被添加到原有的内容后面。

 

4. 总结

通过 jQuery 的 html() 方法，我们可以方便地获取或设置元素的 HTML 内容。我们可以使用它来获取元素的内容，替换元素的内容，或者使用回调函数根据当前内容进行更改。