關(guān)于jquery中attr()和prop()方法的區(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）之類(lèi)的控件，讓其選中的時(shí)候，其控件選中的值也會(huì)隨之改變。即既可以控制其選中，也能控制其取消選中；
類(lèi)似于$("...").attr("checked");返回的是true或者false
如果有相應(yīng)的屬性，返回的是該屬性，如果沒(méi)有則返回空串
attr()
方法操作adio（checkbox）之類(lèi)的控件，讓其選中的時(shí)候，其控件選中的值不會(huì)隨之改變。即只能控制其選中，不能控制其取消選中；
類(lèi)似于$("...").attr("checked");返回的是'checked'或者undefined
如果有相應(yīng)的屬性，返回的是該屬性，如果沒(méi)有則返回undefined
attr和prop的使用場(chǎng)景：
1.添加屬性名稱(chēng)該屬性就會(huì)生效應(yīng)該使用prop();
2.是有true,false兩個(gè)屬性使用prop();（如'checked','selected','disabled'等）
3.其他則使用attr();
官方推薦使用：
- jQuery .attr()和.removeAttr()方法操作元素屬性示例
- jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
- jQuery中attr()和prop()在修改checked屬性時(shí)的區(qū)別
- jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jquery attr()設(shè)置和獲取屬性值實(shí)例教程
- 詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
- jQuery中.attr()和.data()的區(qū)別分析
- 詳談jQuery中使用attr(), prop(), val()獲取value的異同
- jquery更改元素屬性attr()方法操作示例
相關(guān)文章
jQuery實(shí)現(xiàn)圖片滑動(dòng)效果
本文主要介紹了jQuery實(shí)現(xiàn)圖片滑動(dòng)效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
本文是小編給大家?guī)?lái)的jquery卸載全部事件的思路，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看看吧！2017-04-04
jQuery根據(jù)name屬性進(jìn)行查找的用法分析
這篇文章主要介紹了jQuery根據(jù)name屬性進(jìn)行查找的用法,結(jié)合實(shí)例形式分析了jQuery各種常見(jiàn)name屬性獲取元素的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-06-06
jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
這篇文章主要為大家介紹了jQuery如何修改li下的樣式，以及修改li下的img的src的值，示例代碼很簡(jiǎn)單，一看就會(huì)2014-11-11
Jquery submit()無(wú)法提交問(wèn)題
代碼點(diǎn)擊注冊(cè)按鈕時(shí)無(wú)法提交表單，名稱(chēng)沖突可能會(huì)導(dǎo)致混亂的失敗,接下來(lái)為大家介紹下解決方法，感興趣的朋友可以了解下2013-04-04
jQuery是一個(gè)快捷簡(jiǎn)便的JavaScript框架，說(shuō)道框架可以直接理解為就是對(duì)原來(lái)底層的東西進(jìn)行了封裝使得開(kāi)發(fā)者能夠利用這個(gè)框架快速開(kāi)發(fā)。2010-11-11
jQuery中offsetParent()方法用法實(shí)例
這篇文章主要介紹了jQuery中offsetParent()方法用法,實(shí)例分析了offsetParent()方法的功能、定義及返回匹配元素所有祖先元素中第一個(gè)采用定位的祖先元素時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法
這篇文章主要介紹了jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法,實(shí)例分析了jQuery中text和html方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
使用javascript自帶的提示對(duì)話框，不怎么美觀，如果使用自定義的，那么在樣式上就會(huì)有更多的控制權(quán)了，下面為大家分享下Jquery自定義的彈窗2014-03-03
jQuery實(shí)現(xiàn)簡(jiǎn)易QQ聊天框
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易QQ聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02