jQuery | 设置内容和属性

jQuery 是一个流行的 JavaScript 库，用于简化 DOM 操作和事件处理。在本文中，我们将了解如何使用 jQuery 设置 HTML 元素的内容和属性。

设置 HTML 元素的内容

要设置 HTML 元素的内容，您可以使用以下 jQuery 方法：

.text()

使用 .text() 方法设置元素的文本内容。

$("#my-element").text("新的文本内容");

.html()

使用 .html() 方法设置元素的 HTML 内容。

$("#my-element").html("<p>新的 HTML 内容</p>");

设置 HTML 元素的属性

要设置 HTML 元素的属性，您可以使用以下 jQuery 方法：

.attr()

使用 .attr() 方法设置元素的属性。

$("#my-element").attr("href", "http://example.com");

.prop()

使用 .prop() 方法设置元素的属性。

$("#my-checkbox").prop("checked", true);

总结

通过使用 jQuery 的文本和属性设置方法，您可以轻松地操作 HTML 元素并更改其内容和属性。在编写 jQuery 代码时，请务必使用链式语法和合适的选择器来提高代码可读性和可维护性。