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