jQuery中attr 和prop 的區別

2022-07-20 20:21:17 字數 1584 閱讀 9056

attr(name | properties | key,value|fn)

>設定或返回被選元素的屬性值

> name (string

) 屬性名稱

>> 引數name描述:返回文件中所有圖形的屬性值:$("img").attr("src");

> properties (map) 作為屬性的"名/值對"物件

>> 為所選定物件設定多個屬性:$('img').attr();

> key,value (string,object) 屬性名稱,屬性值

>>設定物件中某個屬性的值

> 1.屬性名稱。

> 2.返回屬性值的函式,第乙個引數為當前元素的索引值,第二個引數為原先的屬性值

>> 引數key,**函式(設定乙個屬性值為**函式返回值)

$('img').attr("title",function());

prop(name | properties | key,value |fn)

>獲取在匹配的元素集中的第乙個元素的屬性值(不可設定獲取非系統屬性值)

>隨著一些內建屬性的dom元素或window物件,如果試圖將刪除該屬性,瀏覽器可能會產生錯誤。jquery第一次分配undefined值的屬性,而忽略了瀏覽器生成的任何錯誤。

> name (string

) 屬性名稱

>> 引數name描述:返回文件中所有圖形的屬性值:

//選中核取方塊為boolean(true),未選中為boolean(false)

$("input[type='checkbox']").prop("checked");

> properties (map) 作為屬性的"名/值對"物件

>> 為所選定物件設定多個屬性:

//禁用頁面上所有核取方塊

$("input[type='checkbox']").prop();

> key,value (string,object) 屬性名稱,屬性值

>>設定物件中某個屬性的值

//禁用和選中所有頁面上的核取方塊

$("input[type='checkbox']").prop("disabled",false

); $("input[type='checkbox']").prop("disabled",true

);> key,function(index,attr) (string,function

)

> 1.屬性名稱。

> 2.返回屬性值的函式,第乙個引數為當前元素的索引值,第二個引數為原先的屬性值

>> 引數key,**函式(設定乙個屬性值為**函式返回值)

//通過函式來設定所有頁面上的核取方塊被選中。

$("input[type='checkbox']").prop("checked",function(i,val));

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...