在 jQuery 中为 HTML 元素添加属性

在 jQuery 中，可以很方便地为 HTML 元素添加属性。下面将介绍如何使用 jQuery 为 HTML 元素添加属性。

为元素添加属性

要为元素添加属性，需要使用 attr() 方法。attr() 方法接收两个参数：属性名和属性值。例如，要为一个按钮添加 disabled 属性，可以这样写代码：

$("button").attr("disabled", "disabled");

这行代码会选取所有的 <button> 元素，并为它们添加 disabled 属性，并将属性值设为 "disabled"。

如果想为元素添加多个属性，可以在 attr() 方法中传入一个对象，对象的键是属性名，值是属性值。例如，

$("button").attr({
    "disabled": "disabled",
    "id": "my-button"
});

这行代码会为所有的 <button> 元素添加 disabled 属性和 id 属性，并将它们的值分别设置为 "disabled" 和 "my-button"。

获取元素属性

要获取元素的属性，可以使用 attr() 方法，但是只需要传入一个参数：属性名。例如，要获取一个按钮的 disabled 属性，可以这样写代码：

$("button").attr("disabled");

这行代码会返回所有 <button> 元素的 disabled 属性的值。

如果想获取多个属性，可以为 attr() 方法传入一个数组，或者传入多个属性名。例如，

var disabled = $("button").attr(["disabled", "id"]);

这行代码会返回一个数组，其中第一个元素是所有 <button> 元素的 disabled 属性的值，第二个元素是所有 <button> 元素的 id 属性的值。

移除元素属性

要移除元素的属性，可以使用 removeAttr() 方法。例如，要移除一个按钮的 disabled 属性，可以这样写代码：

$("button").removeAttr("disabled");

这行代码会移除所有 <button> 元素的 disabled 属性。

以上就是在 jQuery 中为 HTML 元素添加属性的介绍。