如何在 jQuery 中为标签设置文本

在 jQuery 中为标签设置文本是一个常见的操作。本文将介绍如何使用 jQuery 为 HTML 标签设置文本内容。

语法

jQuery 提供了多种方法来设置标签的文本，以下是其中两种方法的语法：

$(selector).text(content)
$(selector).html(content)

其中，selector 表示要操作的标签，可以是标签名、类、ID 等等，content 表示要设置的文本内容。

text() 方法

使用 text() 方法可以设置标签中的纯文本内容，该方法会将内容中的 HTML 标签转义，避免页面被注入恶意代码。

以下是使用 text() 方法设置标签中的文本内容的示例代码：

$(document).ready(function(){
    $("button").click(function(){
        $("p").text("Hello world!");
    });
});

在上面的代码中，当按钮被点击时，将会把 p 标签中的文本内容设置为 'Hello world!'。

html() 方法

使用 html() 方法可以设置标签中的 HTML 内容，该方法会将内容中的 HTML 标签识别为 HTML 元素。

以下是使用 html() 方法设置标签中的 HTML 内容的示例代码：

$(document).ready(function(){
    $("button").click(function(){
        $("p").html("<b>Hello world!</b>");
    });
});

在上面的代码中，当按钮被点击时，将会把 p 标签中的文本内容设置为加粗的 'Hello world!'。

以上就是在 jQuery 中为 HTML 标签设置文本的方法。使用这些方法可以让我们方便地操作 HTML 页面的内容，实现动态更新页面的效果。