jquery添加属性
使用 attr() 方法添加属性
attr() 是 jQuery 中用于获取或设置属性值的方法。通过传递属性名和值,可以为元素添加或修改属性。

// 为元素添加单个属性
$("#elementId").attr("data-custom", "value");
// 为元素添加多个属性(通过对象)
$("#elementId").attr({
"data-role": "button",
"disabled": "disabled"
});
使用 prop() 方法添加布尔属性
对于布尔属性(如 disabled、checked),prop() 方法更合适,因为它直接操作 DOM 属性而非 HTML 属性。
// 添加布尔属性
$("#checkbox").prop("checked", true);
$("#button").prop("disabled", true);
动态添加属性到新创建的元素
在动态创建元素时,可以通过链式调用直接添加属性。
// 创建元素并添加属性
$("<div>", {
"id": "dynamicDiv",
"class": "highlight",
"data-info": "dynamic-content"
}).appendTo("body");
注意事项
- 性能优化:批量操作时,使用对象传递多个属性比多次调用
attr()更高效。 - 布尔属性:
prop()适用于checked、selected等状态属性,而attr()适用于普通属性。 - 移除属性:使用
removeAttr()方法移除属性,如$("#element").removeAttr("disabled")。
通过以上方法,可以灵活地为元素添加或修改属性,满足不同场景的需求。







