jQuery-修改元素属性

1、attr方法
获取匹配的元素集合中的第一个元素的属性的值 或 设置匹配元素指定的属性
使用说明:
1)只传一个参数的情况:
1>字符串(属性名称)
只传一个字符串属性名称 表示获取匹配的元素集合中的第一个元素的属性的值
2>属性 - 值 集合对象
一次性设置多个属性
2)传两个参数的情况:
1>第一个参数:
字符串属性名称
2>第二个参数:
①属性的值
②函数(index, attr)
这个函数返回用来设置的值,this指向当前的元素
接收表示元素在匹配集合中的索引位置的参数和表示元素上原来的 该属性 值的参数
return的数据就是这个属性的值
2、removeAttr方法
为匹配的元素集合中的每个元素中移除指定的属性
参数类型说明:
要移除的属性名,它可以是一个空格分隔的多个属性
3、prop方法
prop也是用来获取和设置属性的值,但和attr也有一些使用场合的区别
1.添加属性名称该属性就会生效应该使用prop
2.prop()方法适用于Boolean值的属性
3.其他则使用attr
简单点说:我们建议以下属性使用prop方法
checked、readonly、selected、disabled、autofocus等
4、removeProp方法
删除自定义属性
对于原生的属性checked、selected、disabled等建议设置为false而不是直接删除
使用较少,因为我们一般直接prop方法设置为false就可以了!

 1 <script type="text/javascript">    
 2     $(function(){
 3     alert($("p").attr("id"));//获取选择器的第一个元素的id值
 4     $("p").attr("class","classP");//更新选择器的所有元素的class值
 5     alert($("p").attr("class"));
 6     var obj1={
 7         'class':"xx",
 8         'href':"http://www.baidu.com"
 9     }
10     $("a").attr(obj1);
11     $("a").attr("href",function(index,attr){
12         if(this.id=='a1'){return "http://www.qq.com"};
13     });    
14     alert($("a").attr('href'));
15     $("#a1").removeAttr('accesskey onfocus');
16     });
17 </script>
18 
19 <p id="oo" class="pg">段落</p>
20 <p>段落</p>
21 <a id='a1' accesskey="" onfocus="">链接</a>
22 <a>链接</a>
原文地址:https://www.cnblogs.com/yw0219/p/5967487.html