jquery中attr和prop的區別

標籤：data   ted   操作   區別   checked   ==   html   cte   font   

之前在工作中遇到$("input[name=checkbox]").attr("checked") == undefined 擷取不到值的問題。

• 對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法比如href,class等。
• 對於HTML元素我們自己自訂的DOM屬性，在處理時，使用attr方法，比如自訂的data-id屬性。使用prop方法取值和設定屬性值時，都會返回undefined值。
• 對於checkbox，radio和select這樣的元素，選中屬性對應“checked”和“selected”，這些也屬於固有屬性，因此需要使用prop方法去操作才能獲得正確的結果。

• $("input[name=checkbox]").prop("checked") == false
  $("input[name=checkbox]").prop("checked") == true

• 倘若使用attr

• $("input[name=checkbox]").attr("checked") == undefined
  $("input[name=checkbox]").attr("checked") == "checked"

jquery中attr和prop的區別