jQuery attr()方法用于设置/获取元素的属性值。
1. 获取属性值
使用attr()方法获取元素属性值,只需要在attr()方法中指定要获取的属性名称即可,如:
$("#id").attr("title");
上面代码表示获取id为"id"的元素的title属性值。
2. 设置属性值
使用attr()方法设置元素属性值,需要在attr()方法中指定要设置的属性名称和属性值,如:
$("#id").attr("title","新的title值");
上面代码表示设置id为"id"的元素的title属性值为"新的title值"。
3. 批量设置属性值
attr()方法还可以用于批量设置元素属性值,只需要传入一个包含属性名称和属性值的对象即可,如:
$("#id").attr({"title":"新的title值","class":"new-class"});
上面代码表示设置id为"id"的元素的title属性值为"新的title值",class属性值为"new-class"。
4. 移除属性
要移除元素的某个属性,只需要将attr()方法的第二个参数设置为null即可,如:
$("#id").attr("title",null);
上面代码表示移除id为"id"的元素的title属性。
5. 应用场景
attr()方法可以用于设置/获取/移除元素的属性值,可以用于改变元素的行为,如:
- 改变元素的链接地址:$("#id").attr("href","http://www.example.com");
- 改变元素的图片地址:$("#id").attr("src","http://www.example.com/image.jpg");
- 改变元素的class属性:$("#id").attr("class","new-class");
- 改变元素的属性值:$("#id").attr("data-value","new-value");