jquery中prop()方法和attr()方法的区别浅析
jquery1.6中新加了一個(gè)方法prop(),一直沒(méi)用過(guò)它,官方解釋只有一句話:獲取在匹配的元素集中的第一個(gè)元素的屬性值。
大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled = "disabled",checked="checked",比如用attr("checked")獲取checkbox的checked屬性時(shí)選中的時(shí)候可以取到值,值為"checked"但沒(méi)選中獲取值就是undefined。
jq提供新的方法“prop”來(lái)獲取這些屬性,就是來(lái)解決這個(gè)問(wèn)題的,以前我們使用attr獲取checked屬性時(shí)返回"checked"和"",現(xiàn)在使用prop方法獲取屬性則統(tǒng)一返回true和false。
那么,什么時(shí)候使用attr(),什么時(shí)候使用prop()?
1.添加屬性名稱該屬性就會(huì)生效應(yīng)該使用prop();
2.是有true,false兩個(gè)屬性使用prop();
3.其他則使用attr();
項(xiàng)目中jquery升級(jí)的時(shí)候大家要注意這點(diǎn)!
以下是官方建議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()?) | √ | ? |
轉(zhuǎn)載于:https://www.cnblogs.com/jiftle/p/6405287.html
總結(jié)
以上是生活随笔為你收集整理的jquery中prop()方法和attr()方法的区别浅析的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 《构建之法》阅读笔记4
- 下一篇: 高中生报考军校政审时间?