您好,登錄后才能下訂單哦!
這篇文章主要介紹jquery prop()和attr()有哪些區別,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
jquery prop()和attr()區別:1、【attr()】方法設置或返回被選元素的屬性和值;2、【prop()】方法設置或返回被選元素的屬性和值。
jquery prop()和attr()區別:
最近項目回歸使用jquery,頁面渲染全是使用jquery做的,所以做的時候也遇到了許多以前沒有見過的問題,如這次操作【radio】控件的"checked"屬性時有遇到問題,
$("...").attr("checked",false);
無法起到作用,上網查了下使用prop()完美的解決了該問題,特此記錄一下。
官方定義:attr():
attr() 方法設置或返回被選元素的屬性和值。
當該方法用于返回屬性值,則返回第一個匹配元素的值。
當該方法用于設置屬性值,則為匹配元素設置一個或多個屬性/值對。
prop():
prop() 方法設置或返回被選元素的屬性和值。
當該方法用于返回屬性值時,則返回第一個匹配元素的值。
當該方法用于設置屬性值時,則為匹配元素集合設置一個或多個屬性/值對。
$('').attr()
返回的是html對象
$('').prop()
返回的是DOM對象
prop()
方法操作radio(checkbox)之類的控件,讓其選中的時候,其控件選中的值也會隨之改變。即既可以控制其選中,也能控制其取消選中;
類似于$("...").attr("checked");
返回的是true或者false
如果有相應的屬性,返回的是該屬性,如果沒有則返回空串
attr():
方法操作adio(checkbox)
之類的控件,讓其選中的時候,其控件選中的值不會隨之改變。即只能控制其選中,不能控制其取消選中;
類似于$("...").attr("checked");
返回的是'checked'或者undefined
如果有相應的屬性,返回的是該屬性,如果沒有則返回undefined
attr和prop的使用場景:
1.添加屬性名稱該屬性就會生效應該使用prop();
2.是有true,false兩個屬性使用prop();(如'checked','selected','disabled'等)
3.其他則使用attr();
官方推薦使用:
以上是“jquery prop()和attr()有哪些區別”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。