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>