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就可以了!
<script type="text/javascript">
$(function(){
alert($("p").attr("id"));//获取选择器的第一个元素的id值
$("p").attr("class","classP");//更新选择器的所有元素的class值
alert($("p").attr("class"));
var obj1={
'class':"xx",
'href':"http://www.baidu.com"
}
$("a").attr(obj1);
$("a").attr("href",function(index,attr){
if(this.id=='a1'){return "http://www.qq.com"};
});
alert($("a").attr('href'));
$("#a1").removeAttr('accesskey onfocus');
});
</script> <p id="oo" class="pg">段落</p>
<p>段落</p>
<a id='a1' accesskey="" onfocus="">链接</a>
<a>链接</a>