jquery中prop()方法和attr()方法的區(qū)別淺析
jquery1.6中新加了一個方法prop()，一直沒用過它，官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。
大家都知道有的瀏覽器只要寫disabled，checked就可以了，而有的要寫成disabled = "disabled"，checked="checked"，比如用attr("checked")獲取checkbox的checked屬性時選中的時候可以取到值,值為"checked"但沒選中獲取值就是undefined。
jq提供新的方法“prop”來獲取這些屬性，就是來解決這個問題的，以前我們使用attr獲取checked屬性時返回"checked"和"",現(xiàn)在使用prop方法獲取屬性則統(tǒng)一返回true和false。
那么，什么時候使用attr()，什么時候使用prop()？
1.添加屬性名稱該屬性就會生效應(yīng)該使用prop();
2.是有true,false兩個屬性使用prop();
3.其他則使用attr();
項目中jquery升級的時候大家要注意這點！
以下是官方建議attr(),prop()的使用：
| Attribute/Property | .attr() |
.prop() |
|---|---|---|
| accesskey | √ | |
| align | √ | |
| async | √ | √ |
| autofocus | √ | √ |
| checked | √ | √ |
| class | √ | |
| contenteditable | √ | |
| draggable | √ | |
| href | √ | |
| id | √ | |
| label | √ | |
| location ( i.e. window.location ) | √ | √ |
| multiple | √ | √ |
| readOnly | √ | √ |
| rel | √ | |
| selected | √ | √ |
| src | √ | |
| tabindex | √ | |
| title | √ | |
| type | √ | |
width ( if needed over .width() ) |
√ |
- jquery獲取自定義屬性(attr和prop)實例介紹
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- jQuery學(xué)習(xí)之prop和attr的區(qū)別示例介紹
- jquery下onpropertychange事件的綁定方法
- Jquery阻止事件冒泡 event.stopPropagation
- jQuery中prop()方法用法實例
- jquery 獲取自定義屬性(attr和prop)的實現(xiàn)代碼
- jQuery中attr()和prop()在修改checked屬性時的區(qū)別
- jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹
- 詳解jQuery中的prop()使用方法
相關(guān)文章
Javascript學(xué)習(xí)筆記8 用JSON做原型
在Javascript學(xué)習(xí)筆記5 類和對象中，我簡單地提到了利用JSON去構(gòu)造一個對象。2010-01-01
javascript高級選擇器querySelector和querySelectorAll全面解析
下面小編就為大家?guī)硪黄猨avascript高級選擇器querySelector和querySelectorAll全面解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
JavaScript字符串對象toLowerCase方法入門實例（用于把字母轉(zhuǎn)換為小寫）
這篇文章主要介紹了JavaScript字符串對象toLowerCase方法入門實例,toLowerCase方法用于把字母字符串轉(zhuǎn)換為小寫形式,需要的朋友可以參考下2014-10-10
js取得url地址參數(shù)實例，需要的朋友可以參考一下2013-02-02
js的函數(shù)調(diào)用會免費奉送兩個而外的參數(shù)就是 this 和 arguments,我們所知道的應(yīng)該有4中調(diào)用方式吧，接下來將為您詳細介紹，感興趣的朋友可以參考下2012-12-12
javascript學(xué)習(xí)筆記整理（概述、變量、數(shù)據(jù)類型簡介）
這篇文章主要介紹了javascript學(xué)習(xí)筆記整理（概述-變量-數(shù)據(jù)類型）,需要的朋友可以參考下2015-10-10
JavaScript中setFullYear()方法的使用詳解
這篇文章主要介紹了JavaScript中setFullYear()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Three.js是一個偉大的開源WebGL庫，WebGL允許JavaScript操作GPU，在瀏覽器端實現(xiàn)真正意義的3D本文將介紹模擬光照/Attribut變量/更新著色器材質(zhì)/更新著色器材質(zhì)等等感興趣的朋友可以了解下啊2013-01-01
使用Math.floor與Math.random取隨機整數(shù)的方法詳解
本篇文章對使用Math.floor與Math.random取隨機整數(shù)的方法進行了詳細的分析介紹。需要的朋友參考下2013-05-05
讓我們一起來學(xué)習(xí)一下什么是javascript的閉包
這篇文章主要為大家詳細介紹了javascript的閉包，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01