jquery中attr 和prop 的區別

2021-08-15 11:06:27 字數 1378 閱讀 5241

.attr() : 獲取匹配的元素集合中的第乙個元素的屬性的值 或 設定每乙個匹配元素的乙個或多個屬性。 •.attr( attributename ) •.attr( attributename )

•.attr( attributename, value ) •.attr( attributename, value )

•.attr( attributes )

•.attr( attributename, function(index, attr) )

.prop() : 獲取匹配的元素集中第乙個元素的屬性(property)值或設定每乙個匹配元素的乙個或多個屬性。 •.prop( propertyname ) •.prop( propertyname )

•.prop( propertyname, value ) •.prop( propertyname, value )

•.prop( properties )

•.prop( propertyname, function(index, oldpropertyvalue) )

是引數有區別,attr()傳入的是attributename,而prop()傳入的是propertyname,

attributes vs. properties

在這裡,我們可以將attribute理解為「特性」,property理解為為「屬性」從而來區分倆者的差異。

如果把dom元素看成是乙個普通的object物件,這個物件在其定義時就具有一些屬性(property),比如把select的option當做乙個物件:

varoption =

現在,我們一目了然了,attribute是乙個特性節點,每個dom元素都有乙個對應的attributes屬性來存放所有的attribute節點,它是乙個類陣列的容器。attributes的每個數字索引以名值對(name=」value」)的形式存放了乙個attribute節點。而property就是乙個屬性,是乙個以名值對(name=」value」)的形式存放在object中的屬性。

jquery中attr和prop的區別介紹:

•對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。

•對於html元素我們自己自定義的dom屬性,在處理時,使用attr方法。

jQuery中prop 和 attr 區別

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

jquery中attr 方法介紹和用法

在js中設定節點的屬性與屬性值用到setattribute 獲得節點的屬性與屬性值用到getattribute 而在jquery中,用乙個attr 就可以全部搞定了,贊乙個先 jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中...

jQuery中prop方法和attr方法的區別

舊版本的jqury用attr方法來設定或者獲取元素的屬性,但是存在bug,所以新版本在此基礎上推出了prop方法,現在推薦使用prop這個方法來幹這個事情。jquery在1.6以上的版本新增了乙個prop方法,這個方法和attr的作用很像,但各司其責。以上的版本用 selector prop che...