jquery prop()和attr()有哪些區(qū)別

這篇文章主要介紹jquery prop()和attr()有哪些區(qū)別，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

jquery prop()和attr()區(qū)別：1、【attr()】方法設(shè)置或返回被選元素的屬性和值；2、【prop()】方法設(shè)置或返回被選元素的屬性和值。

jquery prop()和attr()區(qū)別：

最近項(xiàng)目回歸使用jquery，頁(yè)面渲染全是使用jquery做的，所以做的時(shí)候也遇到了許多以前沒(méi)有見(jiàn)過(guò)的問(wèn)題，如這次操作【radio】控件的"checked"屬性時(shí)有遇到問(wèn)題，

$("...").attr("checked",false);無(wú)法起到作用，上網(wǎng)查了下使用prop()完美的解決了該問(wèn)題，特此記錄一下。

官方定義：attr():

attr() 方法設(shè)置或返回被選元素的屬性和值。

當(dāng)該方法用于返回屬性值，則返回第一個(gè)匹配元素的值。

當(dāng)該方法用于設(shè)置屬性值，則為匹配元素設(shè)置一個(gè)或多個(gè)屬性/值對(duì)。

prop():

prop() 方法設(shè)置或返回被選元素的屬性和值。

當(dāng)該方法用于返回屬性值時(shí)，則返回第一個(gè)匹配元素的值。

當(dāng)該方法用于設(shè)置屬性值時(shí)，則為匹配元素集合設(shè)置一個(gè)或多個(gè)屬性/值對(duì)。

• $('').attr()返回的是html對(duì)象

• $('').prop()返回的是DOM對(duì)象

prop()

方法操作radio（checkbox）之類的控件，讓其選中的時(shí)候，其控件選中的值也會(huì)隨之改變。即既可以控制其選中，也能控制其取消選中；

類似于$("...").attr("checked");返回的是true或者false

如果有相應(yīng)的屬性，返回的是該屬性，如果沒(méi)有則返回空串

attr()：

方法操作adio（checkbox）之類的控件，讓其選中的時(shí)候，其控件選中的值不會(huì)隨之改變。即只能控制其選中，不能控制其取消選中；

類似于$("...").attr("checked");返回的是'checked'或者undefined

如果有相應(yīng)的屬性，返回的是該屬性，如果沒(méi)有則返回undefined

attr和prop的使用場(chǎng)景：

1.添加屬性名稱該屬性就會(huì)生效應(yīng)該使用prop();

2.是有true,false兩個(gè)屬性使用prop();（如'checked','selected','disabled'等）

3.其他則使用attr();

官方推薦使用：

以上是“jquery prop()和attr()有哪些區(qū)別”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！