jQuery操作属性值方法介绍

在Web开发中，经常需要使用jQuery来操作HTML元素的属性值，例如修改元素的文本内容、修改元素的样式、修改元素的属性值等等。下面介绍几个重要的jQuery属性值操作方法。

.attr() 方法

.attr() 方法用于获取或设置HTML元素的属性值。

获取属性值

可以使用 .attr() 方法来获取一个HTML元素的属性值，例如：

var href = $("a").attr("href");
console.log(href); // 输出a元素的href属性值

此代码可以获取所有的 a元素的 href 属性值并将它们打印到控制台。

设置属性值

使用 .attr() 方法同样可以设置一个HTML元素的属性值。例如，要将一个链接的 href 属性设置为 http://example.com：

$("a").attr("href", "http://example.com");

这行代码可以将所有 a 元素的 href 属性值设置为 http://example.com。

.prop() 方法

.prop() 方法用于获取或设置DOM元素的属性值。相比之下，.attr() 方法用于获取或设置HTML元素的属性值。

获取属性值

可以使用 .prop() 方法来获取一个DOM元素的属性值，例如：

var checked = $("input[type='checkbox']").prop("checked");
console.log(checked); // 输出输入框的checked属性值

此代码可以获取所有类型为 checkbox 的输入框的 checked 属性值并将它们打印到控制台。

设置属性值

使用 .prop() 方法同样可以设置一个DOM元素的属性值。例如，要将一个复选框的 checked 属性设置为true：

$("input[type='checkbox']").prop("checked", true);

这行代码可以将所有类型为 checkbox 的输入框的 checked 属性值设置为 true。

以上就是jQuery操作属性值方法介绍的一些基础知识，希望可以对你有所帮助。