Jquery系列 prop和attr區別

2022-01-31 11:31:07 字數 1048 閱讀 5406

問題描述

由於prop(property的縮寫)和attr(attribute的縮寫)翻譯成漢語,均有「特性、屬性」等意思的原因,導致大家容易混淆分不清,本篇文章將試圖從英文含義,中文含義和jquery含義三個方面,徹底將它們區分開來。

1   內容區

1.1    在英文中的理解

(1)atrr 

attr是attribute縮寫,其英文意思如下: 

prop是property縮寫,其英文意思如下: 

1.2    在中文中的理解

從英文含義角度,兩者是非常容易區分的;從漢語角度,只是涉及到「特性、屬性」時,容易混淆,其他意思很好區分,當涉及到「特性、屬性」時,attribute可譯為「給….新增屬性」,即新增上去的屬性,而property理解為「事物固有屬性,非新增上去的屬性」,這樣理解,與在jquery中的prop和attr理解一致;

1.3     在jquery中的理解

在jquery中的理解與漢語中的理解一致,attr表示html中給dom新增上去的屬性,即自定義屬性,prop表示html中dom固有屬性;

測試結果:

1.4     總結

(1)在處理自定義時屬性時,用attr(),若用prop(),則結果為undefined;

(2)dom固有屬性,採用prop()和attr()均可(不同版本jquery有所區別);

關於prop()和attr()在jquery中的用法,建議嚴格按照「符合dom固有屬性,w3c標準屬性的,用prop();對於自定義屬性,用atrr()」的原則;

2  版權區

博主**:

jQuery中prop 和 attr 區別

prop 方法是在jquery1.6中新新增的。我們知道 attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 checked 但沒選中獲取值就是undefined。而現在使用prop方法獲取屬性則統一返回true和false。那麼具體的用法是什麼,以下是個...

prop和attr的區別 jQuery

今天簡單說下prop和attr在設定,獲取和刪除屬性時的區別 1.設定屬性 為了便於看到效果,先在網頁中寫入ul標籤,裡面插入屬性title,如下 jquery檔案已引入 設定屬性 ul li prop id item 所有的li都新增上id item 屬性 ul li attr id item 所...

JQuery中attr 和prop 用法和區別

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