jQuery如何获取HTML内容？

这篇文章将为大家详细讲解有关jQuery如何获取HTML内容？，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

jQuery 获取 HTML 内容

jQuery 提供了多种方法来获取 HTML 内容，包括：

• html() 方法：获取或设置匹配元素的 HTML 内容。
• val() 方法：获取或设置表单元素的值。
• text() 方法：获取或设置匹配元素的文本内容，不包括 HTML 标签。
• outerHTML() 方法：获取或设置匹配元素及其子元素的完整 HTML 内容。

html() 方法

html() 方法用于获取或设置匹配元素的 HTML 内容。

语法：

html(newValue)

• newValue（可选）：要设置的 HTML 内容。如果未提供，则获取当前 HTML 内容。

示例：

// 获取 div 元素的 HTML 内容
var html = $("div").html();

// 设置 div 元素的 HTML 内容
$("div").html("<h1>新的</h1>");

val() 方法

val() 方法用于获取或设置表单元素的值。

语法：

val(newValue)

• newValue（可选）：要设置的值。如果未提供，则获取当前值。

示例：

// 获取文本框的值
var value = $("#myInput").val();

// 设置文本框的值
$("#myInput").val("新值");

text() 方法

text() 方法用于获取或设置匹配元素的文本内容，不包括 HTML 标签。

语法：

text(newValue)

• newValue（可选）：要设置的文本内容。如果未提供，则获取当前文本内容。

示例：

// 获取 div 元素的文本内容
var text = $("div").text();

// 设置 div 元素的文本内容
$("div").text("新的文本");

outerHTML() 方法

outerHTML() 方法用于获取或设置匹配元素及其子元素的完整 HTML 内容。

语法：

outerHTML(newValue)

• newValue（可选）：要设置的 HTML 内容。如果未提供，则获取当前 HTML 内容。

示例：

// 获取 div 元素及其子元素的 HTML 内容
var outerHTML = $("div").outerHTML();

// 设置 div 元素及其子元素的 HTML 内容
$("div").outerHTML("<p>新的内容</p>");

总结

jQuery 提供了多种方法来获取和设置 HTML 内容，包括 html(), val(), text() 和 outerHTML() 方法。这些方法可以帮助开发人员轻松地获取和操作 HTML 内容，从而构建更动态和交互式的 web 应用。

以上就是jQuery如何获取HTML内容？的详细内容，更多请关注编程网其它相关文章！