如何在 jQuery 中设置 HTML 标签值

在前端开发中，我们经常需要用到 jQuery 来操作 DOM，其中一个常见的需求就是设置 HTML 标签的值。本文将介绍如何在 jQuery 中设置 HTML 标签的值。

HTML 标签的值

HTML 标签的值指的是标签内部所包含的文本内容。例如，下面的代码片段中的 <h1> 标签的值就是 Hello World：

<h1>Hello World</h1>

在 jQuery 中，我们可以使用 .text() 方法或 .html() 方法来设置 HTML 标签的值。

使用 .text() 方法设置 HTML 标签的值

.text() 方法可以获取或设置标签内部的文本内容。例如，下面的代码片段中的 .text('Hello jQuery') 方法将会把 <h1> 标签的值设置为 Hello jQuery：

$("h1").text("Hello jQuery");

注意，.text() 方法只能设置纯文本内容，如果要设置 HTML 内容，需要使用 .html() 方法。

使用 .html() 方法设置 HTML 标签的值

.html() 方法可以获取或设置标签内部的 HTML 内容。例如，下面的代码片段中的 .html('<strong>Hello jQuery</strong>') 方法将会把 <h1> 标签的值设置为 <strong>Hello jQuery</strong>，其中 <strong> 标签是一个加粗标签：

$("h1").html("<strong>Hello jQuery</strong>");

注意，使用 .html() 方法时要注意 HTML 内容的安全性，不要让用户输入恶意代码。

总结

本文介绍了如何在 jQuery 中设置 HTML 标签的值。使用 .text() 方法可以设置纯文本内容，使用 .html() 方法可以设置 HTML 内容。在使用 .html() 方法时要注意 HTML 内容的安全性。