這篇文章主要介紹jquery prop()和attr()有哪些區(qū)別,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),新華企業(yè)網(wǎng)站建設(shè),新華品牌網(wǎng)站建設(shè),網(wǎng)站定制,新華網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,新華網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。jquery prop()和attr()區(qū)別:1、【attr()】方法設(shè)置或返回被選元素的屬性和值;2、【prop()】方法設(shè)置或返回被選元素的屬性和值。
jquery prop()和attr()區(qū)別:
最近項目回歸使用jquery,頁面渲染全是使用jquery做的,所以做的時候也遇到了許多以前沒有見過的問題,如這次操作【radio】控件的"checked"屬性時有遇到問題,
$("...").attr("checked",false);
無法起到作用,上網(wǎng)查了下使用prop()完美的解決了該問題,特此記錄一下。
官方定義:attr():
attr() 方法設(shè)置或返回被選元素的屬性和值。
當(dāng)該方法用于返回屬性值,則返回第一個匹配元素的值。
當(dāng)該方法用于設(shè)置屬性值,則為匹配元素設(shè)置一個或多個屬性/值對。
prop():
prop() 方法設(shè)置或返回被選元素的屬性和值。
當(dāng)該方法用于返回屬性值時,則返回第一個匹配元素的值。
當(dāng)該方法用于設(shè)置屬性值時,則為匹配元素集合設(shè)置一個或多個屬性/值對。
$('').attr()
返回的是html對象
$('').prop()
返回的是DOM對象
prop()
方法操作radio(checkbox)之類的控件,讓其選中的時候,其控件選中的值也會隨之改變。即既可以控制其選中,也能控制其取消選中;
類似于$("...").attr("checked");
返回的是true或者false
如果有相應(yīng)的屬性,返回的是該屬性,如果沒有則返回空串
attr():
方法操作adio(checkbox)
之類的控件,讓其選中的時候,其控件選中的值不會隨之改變。即只能控制其選中,不能控制其取消選中;
類似于$("...").attr("checked");
返回的是'checked'或者undefined
如果有相應(yīng)的屬性,返回的是該屬性,如果沒有則返回undefined
attr和prop的使用場景:
1.添加屬性名稱該屬性就會生效應(yīng)該使用prop();
2.是有true,false兩個屬性使用prop();(如'checked','selected','disabled'等)
3.其他則使用attr();
官方推薦使用:
以上是“jquery prop()和attr()有哪些區(qū)別”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!