jQuery中的屬性和屬性節點的詳細介紹2.0

                   jQuery中的屬性和屬性節點的詳細介紹2.0

jQuery中attr方法

1.attr(name|pro|key,val|fn)

作用:獲取或者設置屬性節點的值

<body>

<span class="span1" name="it666"></span>

<span class="span2" name="ywc"></span>

</body>

可以傳遞一個參數,也可以傳遞兩個參數

如果傳遞一個參數,代表獲取屬性節點的值

如果傳遞兩個參數,代表設置屬性節點的值

 

注意點:

如果是獲取:無論找到多少元素,都只會返回第一個元素指定的屬性節點的值

$("span").attr('class');

console.log($("span").attr('class'));   //結果只會返回 span1

如果是設置:找到多少個元素就會設置多少個元素

$("span").attr('class','box');

console.log($("span").attr('class','box')); // 所有span標籤

如果是設置:如果設置的屬性節點不存在,那麼系統會自動新增



 

2.removeAttr(name)

刪除屬性節點


 

注意點:會刪除所有找到元素指定的屬性節點

jQuery中prop方法

1.prop方法

    特點:和attr一致

2.removeprop方法

   特點: 和removeattr一致

注意點:

prop方法不僅能夠操作屬性,他還能操作屬性節點

推薦: 具有true和false兩個屬性的屬性節點,使用prop(比如 checked selected disabled),其他使用attr

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章