溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關jQuery中attr與prop之間的區別是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
attr屬性
attr(name|properties|key,value|fn)
用于設置或返回被選元素的屬性值。
當用于返回屬性值時，則只返回第一個匹配元素的值。
當用于設置屬性值時，則為匹配元素集合設置一個或多個屬性/值對
例：為所有圖像設置src屬性以及長寬
<body>
<img>
<script src="jquery/jquery-1.12.4.js"></script>
<script>
$(function(){
$("img").attr({width:"100px",height:"100px","src":"images/1.jpg"});
})//為img添加多個屬性值
</script>
</body>
prop 屬性
獲取在匹配的元素集中的第一個元素的屬性值
選中為true，沒選中為false
當選擇愛好時全選，其他單選，當四個全部選擇時則愛好全選
<script src="jquery/jquery-1.12.4.js"></script>
<script>
$(function () {
$("#j_cbAll").click(function () {
//修改下面的哪些checkbox
$("#j_tb input").prop("checked", $(this).prop("checked"));
});
$("#j_tb input").click(function () {
if($("#j_tb input:checked").length == $("#j_tb input").length){
$("#j_cbAll").prop("checked", true)
}else {
$("#j_cbAll").prop("checked", false)
}
});
});
</script>單選時
選愛好時
attr與prop區別：
（1）比如在checked，selected，disabled等中prop方法返回的是布爾值，而attr返回的則是已定義的字符串
（2）prop（）屬性用于設置或獲取指定DOM元素也就是JavaScript中對象屬性，所以我們可以設置數組或對象，而attr作用于文檔節點，所以只能是字符串
（3）prop（）屬性的使用比attr兼容性更好
所以當屬性只需要添加屬性名時可以用attr，當只需返回true/false時就要用prop。
關于jQuery中attr與prop之間的區別是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
