jquery添加属性

使用 attr() 方法添加属性

通过 jQuery 的 attr() 方法可以动态添加或修改 HTML 元素的属性。语法如下：

$("selector").attr("attributeName", "value");

示例：为按钮添加 disabled 属性

$("#myButton").attr("disabled", "disabled");

使用 prop() 方法添加布尔属性

对于布尔属性（如 checked、disabled），推荐使用 prop() 方法，因其更符合属性实际状态：

$("selector").prop("propertyName", true/false);

示例：禁用输入框

$("#myInput").prop("disabled", true);

一次性添加多个属性

通过传递对象参数，可以同时设置多个属性：

$("selector").attr({
  "id": "newId",
  "title": "Tooltip text",
  "data-custom": "value"
});

注意事项

• attr() 适用于标准 HTML 属性（如 src、href）。
• prop() 更适合处理布尔属性或表单元素状态（如 checked）。
• 自定义数据属性（如 data-*）推荐使用 data() 方法管理。

动态添加事件属性

若需添加事件处理属性（如 onclick），可直接结合 JavaScript 逻辑：

$("#myElement").attr("onclick", "alert('Clicked!')");

但更推荐使用 jQuery 事件绑定（如 click() 或 on()）。