1. 程式人生 > >JS中attr和prop區別

JS中attr和prop區別

一、attr和prop區別

attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說較慢。 

prop是從屬性物件中取值,屬性物件中有多少屬性,就能獲取多少值,不需要在頁面中顯示定義。 

二、attr和prop怎麼選擇?

對於HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。快速,準確。

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

三、例子

<input id="chke1" type="checkbox" />記住密碼
<input id="chke2" type="checkbox" checked="checked" />記住密碼

像checkbox,radio和select這樣的元素,選中屬性對應“checked”和“selected”,這些也屬於固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chke1").prop("checked");// false
$("#chke2").prop("checked");// true

$("#chke1").attr("checked"); //undefined
$("#chke2").attr("checked"); //"checked"