jQuery |设置内容和属性

在 jQuery 中，我们可以使用许多方法来设置内容和属性。

设置 HTML 内容

我们可以使用 .html() 方法来设置 HTML 内容：

$("p").html("Hello <b>world</b>!");

上面的代码将会把所有 <p> 元素的内容设置为 Hello <b>world</b>!。

设置文本内容

如果我们只想设置元素的文本内容，可以使用 .text() 方法：

$("p").text("Hello world!");

上面的代码将会把所有 <p> 元素的文本内容设置为 Hello world!。

设置属性值

如果我们想设置元素的属性值，可以使用 .attr() 方法：

$("img").attr("src", "image.jpg");

上面的代码将会把所有 <img> 元素的 src 属性设置为 image.jpg。

设置 CSS 样式

如果我们想设置元素的 CSS 样式，可以使用 .css() 方法：

$("p").css("color", "red");

上面的代码将会把所有 <p> 元素的字体颜色设置为红色。

链式操作

我们可以使用链式操作来一次设置多个元素的属性或样式：

$("p").html("Hello <b>world</b>!").css("color", "red");

上面的代码将会把所有 <p> 元素的内容设置为 Hello <b>world</b>!，同时将字体颜色设置为红色。

以上就是 jQuery 中设置内容和属性的一些常用方法。我们可以根据使用场景和需求选择合适的方法来实现自己的功能。