jquery设置属性值

使用 attr() 方法设置属性值

attr() 方法可用于设置或改变元素的属性值。语法为 $(selector).attr(attributeName, value)，其中 attributeName 是属性名，value 是要设置的值。

// 设置单个属性
$("#elementId").attr("title", "New Title");

// 设置多个属性（通过对象传递）
$("#elementId").attr({
  "title": "New Title",
  "data-value": "123"
});

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

对于布尔属性（如 checked、disabled），推荐使用 prop() 方法。语法为 $(selector).prop(propertyName, value)。

// 设置复选框为选中状态
$("#checkboxId").prop("checked", true);

// 禁用按钮
$("#buttonId").prop("disabled", true);

直接操作 DOM 属性

通过 jQuery 对象直接访问 DOM 元素的属性并赋值。适用于自定义属性或原生属性。

// 设置 href 属性
$("#linkId")[0].href = "https://example.com";

// 设置自定义 data 属性
$("#divId")[0].dataset.custom = "value";

使用 data() 方法设置数据属性

data() 方法专门用于操作 data-* 属性，语法为 $(selector).data(key, value)。

// 设置 data-id 属性
$("#itemId").data("id", 100);

// 设置多个 data 属性（通过对象传递）
$("#itemId").data({
  "id": 100,
  "status": "active"
});

注意事项

• attr() 适用于标准 HTML 属性（如 src、href），而 prop() 更适合布尔属性或 DOM 对象属性（如 checked）。
• 直接操作 DOM 属性时需通过 [0] 或 get(0) 获取原生 DOM 元素。
• data() 方法仅修改内存中的值，不会直接更新 HTML 的 data-* 属性。若需同步修改 HTML，需结合 attr()。