jquery中prop()方法和attr()方法的区别浅析
生活随笔
收集整理的這篇文章主要介紹了
jquery中prop()方法和attr()方法的区别浅析
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
引用:http://www.jb51.net/article/41170.htm 官方例舉的例子感覺和attr()差不多,也不知道有什么區別,既然有了prop()這個新方法,不可能沒用吧,那什么時候該用attr(),什么時候該用prop()呢 (我的理解:布爾值使用prop,其他使用attr)
jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。
大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled = "disabled",checked="checked",比如用attr("checked")獲取checkbox的checked屬性時選中的時候可以取到值,值為"checked"但沒選中獲取值就是undefined。
jq提供新的方法“prop”來獲取這些屬性,就是來解決這個問題的,以前我們使用attr獲取checked屬性時返回"checked"和"",現在使用prop方法獲取屬性則統一返回true和false。
那么,什么時候使用attr(),什么時候使用prop()?
1.添加屬性名稱該屬性就會生效應該使用prop();
2.是有true,false兩個屬性使用prop();
3.其他則使用attr();
項目中jquery升級的時候大家要注意這點!
以下是官方建議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()?) | √ | ? |
轉載于:https://www.cnblogs.com/jiftle/p/6405287.html
總結
以上是生活随笔為你收集整理的jquery中prop()方法和attr()方法的区别浅析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《构建之法》阅读笔记4
- 下一篇: 高中生报考军校政审时间?