Jquery prop與attr的區別

2021-07-04 14:26:06 字數 806 閱讀 5623

最近因專案需要用到核取方塊,其中乙個控制全選。

// 全選

$(".ckb_all").click(function()else;

});

一開始是像上面這樣做是可以實現效果的,複製貼上同樣的**到其他需要的地方,結果發現不起作用,找了半天,發現用的jquery版本是1.8的,所以使用attr不起作用。下面就講講prop與attr的主要區別。

jquery在1.6版本中新增了prop方法,與attr的主要區別是:

對於html元素本身的固有屬性,使用prop方法

對於html元素開發者自定義的屬性,使用attr方法

舉個例子:

hao123
對於a標籤來說,像href、class這些屬性是它本來就有的,在獲取時一般就用prop;

hao123

在這個例子中,a標籤本身並沒有goto屬性,是我們自定義的,在獲取時就用attr

像checkbox、select,選中屬性對應「checked」和「selected」,都是固有屬性,因此在1.6以上版本的jquery中需要使用prop方法才能獲取到正確的結果。 比如

checkbox的

checked屬性,

使用prop,選中時返回true,沒選中時返回false;如果使用attr的話,選中時返回

checked,沒選中時返回undefined。

author

:顧故

sign

:別輸給曾經的自己

Jquery prop與attr的差別

近期因專案須要用到核取方塊,當中乙個控制全選。全選 ckb all click function else 一開始是像上面這樣做是能夠實現效果的。複製貼上相同的 到其它須要的地方。結果發現不起作用,找了半天。發現用的jquery版本號是1.8的,所以使用attr不起作用。以下就講講prop與attr...

jQuery prop和attr的區別

兩者對比 jquery方法 原理適合場景 缺陷prop 解析原生property element.property radio checkbox select標籤 等需要讀boolean和索引的場合 讀不到自定義屬性 如my屬性讀不到 attr 通過attr api去讀取 element.getat...

JQ中prop與attr區別

一 attr和prop區別 attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說較慢。prop是從屬性物件中取值,屬性物件中有多少屬性,就能獲取多少值,不需要在頁面中顯示定義。二 attr和prop怎麼選擇?對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。...