jquery设置属性
使用 attr() 方法设置属性
attr() 方法是 jQuery 中用于获取或设置 HTML 元素属性的核心函数。设置属性时需传入属性名和值。
语法:
$(selector).attr(attributeName, value);
示例:为所有 <img> 标签设置 alt 属性
$("img").attr("alt", "示例图片");
同时设置多个属性
通过传递对象参数一次性设置多个属性,提升代码效率。
语法:
$(selector).attr({
attribute1: value1,
attribute2: value2
});
示例:为链接设置 href 和 title
$("a").attr({
href: "https://example.com",
title: "示例网站"
});
使用 prop() 方法设置布尔属性
对于 checked、disabled 等布尔属性,推荐使用 prop() 方法而非 attr()。

语法:
$(selector).prop(propertyName, value);
示例:禁用所有按钮
$("button").prop("disabled", true);
通过回调函数动态设置属性
当属性值需要基于元素当前状态计算时,可使用回调函数。
语法:

$(selector).attr(attributeName, function(index, oldValue){
return newValue;
});
示例:为列表项设置自定义数据属性
$("li").attr("data-index", function(index) {
return index + 1;
});
移除属性
使用 removeAttr() 方法删除指定属性。
语法:
$(selector).removeAttr(attributeName);
示例:移除图片的 border 属性
$("img").removeAttr("border");
注意事项
- 对于 HTML5 的
data-*属性,建议使用.data()方法而非attr() - 修改表单元素值时,
val()方法比attr('value')更可靠 - 性能敏感场景下,批量 DOM 操作前应先将元素集存储在变量中






