jQuery 中 html() 方法的用途是什么？

简介

在 jQuery 中，html() 方法用于获取或设置元素的内容。它可以用于获取任何元素的 HTML 内容，也可以用于设置 HTML 内容。

语法

// 获取元素的 HTML 内容
$(selector).html();

// 设置元素的 HTML 内容
$(selector).html(newhtml);

返回值

当该方法用于获取内容时，它将返回匹配元素的 HTML 内容。如果 jQuery 匹配的元素集合包含多个元素，则只返回第一个元素的 HTML 内容。

当该方法用于设置内容时，它将返回匹配元素本身以便于链式操作。

示例

获取 HTML 内容

以下代码将获取 div 元素的 HTML 内容，并将其输出到控制台：

var htmlContent = $("div").html();
console.log(htmlContent);

设置 HTML 内容

以下代码将设置 div 元素的 HTML 内容为 <p>Hello World!</p>：

$("div").html("<p>Hello World!</p>");

注意事项

• 当用于设置元素的 HTML 内容时，该方法将替换元素的所有子元素。
• 如果该方法的参数不是字符串，它将自动转换为字符串并作为 HTML 内容设置。
• 如果您需要操纵文本节点，可以考虑使用 text() 方法而不是 html() 方法。