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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM