📌  相关文章
📜  在 jquery 中设置标签文本 - Javascript (1)

📅  最后修改于: 2023-12-03 15:07:41.444000             🧑  作者: Mango

在 jQuery 中设置标签文本

在 jQuery 中设置标签文本可以通过 .text().html() 方法实现。这两种方法都可以用于设置元素的文本内容,不同之处在于 .text() 将相应的文本作为纯文本解析,而 .html() 则是将文本解析为 HTML 标记。

使用 .text() 方法

.text() 方法用于设置元素的纯文本内容。以下是使用 .text() 方法将标题元素的文本内容替换为 "Hello World!" 的例子:

$("h1").text("Hello World!");

在此例中,<h1> 元素中原有的文本将被 "Hello World!" 替代。

使用 .html() 方法

.html() 方法可以用来替换元素的 HTML 内容。以下是使用 .html() 方法将段落元素的 HTML 内容替换为 "<strong>Hello World!</strong>" 的例子:

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

在此例中, <p> 元素中原有的 HTML 内容将被 <strong> 标记包裹的新文本所替代。

结论

以上是 jQuery 中设置标签文本的两种方法。.text() 方法用于设置元素的纯文本内容,而 .html() 方法用于设置元素的 HTML 内容。根据需求选择正确的方法,就可以轻易实现标签文本的更新。