jQuery attr()方法操作元素属性

分类:知识百科 日期: 点击:0

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");
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。