jquery设置属性
使用 attr() 方法设置属性
attr() 是 jQuery 中用于设置或获取属性的核心方法。通过传递属性名和值,可以动态修改元素的属性。
语法:
$(selector).attr(attributeName, value);
示例:
// 设置单个属性
$("#myImage").attr("src", "new-image.jpg");
// 设置多个属性(通过对象传递)
$("#myLink").attr({
"href": "https://example.com",
"title": "Visit Example"
});
使用 prop() 方法设置布尔属性
对于布尔属性(如 checked、disabled),推荐使用 prop() 方法,因为它更准确地反映 DOM 属性的状态。
语法:

$(selector).prop(propertyName, value);
示例:
// 禁用按钮
$("#submitBtn").prop("disabled", true);
// 选中复选框
$("#checkBox").prop("checked", true);
使用 data() 方法设置自定义数据属性
data() 方法用于操作 data-* 属性,适合存储与元素相关的额外信息。
语法:

$(selector).data(key, value);
示例:
// 设置 data-id 属性
$("#item").data("id", 123);
// 读取时无需 "data-" 前缀
console.log($("#item").data("id")); // 输出 123
直接操作 DOM 属性(原生结合)
通过 jQuery 对象获取原生 DOM 元素后,可直接修改属性。适用于需要高性能的场景。
示例:
// 通过 [0] 或 get(0) 获取原生 DOM
$("#myInput")[0].placeholder = "Enter text";
$("#myDiv").get(0).className = "highlight";
动态设置样式属性(结合 CSS)
通过 css() 方法可直接设置元素的样式属性,虽然不是标准 HTML 属性,但常用于动态样式调整。
示例:
$("#box").css("background-color", "blue");






