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>