jquery增加属性

使用 attr() 方法添加属性

attr() 是 jQuery 中用于获取或设置属性的核心方法。通过传递属性名和值，可以为元素动态添加属性。
语法示例：

$("#element").attr("data-id", "123");  // 添加自定义属性 data-id
$("a").attr("target", "_blank");       // 为所有链接添加 target="_blank"

使用 prop() 方法设置布尔属性

对于布尔属性（如 disabled、checked），推荐使用 prop() 方法，因为它更准确反映 DOM 元素的当前状态。
语法示例：

$("input").prop("disabled", true);     // 禁用所有输入框
$("checkbox").prop("checked", false);  // 取消勾选复选框

使用 data() 方法添加自定义数据属性

data() 方法专门用于操作 data-* 属性，数据会存储到 jQuery 的内存中而非 DOM 上，适合频繁读写场景。
语法示例：

$("#user").data("role", "admin");      // 添加 data-role="admin"
console.log($("#user").data("role"));  // 输出 "admin"

链式操作添加多个属性

jQuery 支持链式调用，可一次性设置多个属性。
语法示例：

$("#button")
  .attr("title", "Click me")
  .prop("disabled", false)
  .data("action", "submit");

注意事项

• attr() 适用于标准 HTML 属性（如 id、class），而 prop() 更适合布尔属性或表单控件状态。
• 直接修改 DOM 属性（如 element.setAttribute()）可能绕过 jQuery 的事件监听，建议优先使用 jQuery 方法。
• 移除属性可使用 removeAttr() 或 removeProp()。