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")。

通过以上方法，可以灵活地为元素添加或修改属性，满足不同场景的需求。