JQ中attr 和prop 的使用區別

2021-08-18 21:33:44 字數 907 閱讀 1463

1.attr()是獲取物件屬性的,比如獲取乙個的alt屬性:

$('img').attr('alt')
2.對於不用寫值的屬性比如:disabled、selected、checked 使用prop()

disabled在瀏覽器中寫法不一致,有些直接寫『disabled』,有寫需要這樣寫 disabled = 」disabled」

使用attr('disabled')獲取的可能是disabled或者 undefined

使用prop('disabled')獲取返回的是 true 或 false

prop()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是空字串。

attr()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是undefined。

3.使用規則:

對於html元素本身固有的屬性,使用prop()方法獲取;

對於html元素我們自己定義的dom屬性,使用attr()方法獲取;

具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop()

jq中attr()和prop 屬性的區別

query1.6中新加了乙個方法prop 一直沒用過它,官方解釋只有一句話 獲取在匹配的元素集中的第乙個元素的屬性值。大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled disabled checked checked 比如用attr checked 獲...

簡述jq中attr 和prop 的區別

attr,prop都是屬性的意思,那他們有什麼區別呢?我們先來看一下jquery的部分原始碼 attr部分 1 attr function elem,name,value,pass 8if pass jquery.isfunction jquery.fn name 11 fallback to pr...

JQ中prop與attr區別

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