Jquery prop與attr的差別

2021-09-07 12:08:42 字數 808 閱讀 1604

近期因專案須要用到核取方塊,當中乙個控制全選。

// 全選

$(".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方法。...