關於 attr 和 prop 的用法。

2022-08-04 07:18:11 字數 607 閱讀 1760

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()的使用:

prop 和 attr 區別用法

都用於讀取和設定dom元素節點的屬性 不同 attr 用於dom元素本身的屬性 prop 用於dom節點對應的js屬性 源於dom元素到js物件的對映 源於兩者在jquery類庫的實現方法 attr 使用原生js裡的getattribute 和setattribute prop 使用的是通過獲取do...

JQuery中attr 和prop 用法和區別

jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中會經常用到attr attr 有4個表示式。1.attr 屬性名 獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒...

attr 和prop 的區別

prop是1.6.1才新出來的,兩者從中文意思理解,都是獲取 設定屬性的方法 attributes和 properties 1 對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。2 對於html元素是自定義的dom屬性,在處理時,使用attr方法。例子1 元素的dom屬性有 href...