一、attr與val
val隻能擷取到元素的value值,如:
this是checkbox;
attr不僅可以擷取元素的value值,還可以擷取到其他如id,css,style等。
二、attr與prop
對于HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。
對于HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。
<input id="chk1" type="checkbox" />是否可見
<input id="chk2" type="checkbox" checked="checked" />是否可見
像checkbox,radio和select這樣的元素,選中屬性對應“checked”和“selected”,這些也屬于固有屬性,是以需要使用prop方法去操作才能獲得正确的結果。
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法,則會出現:
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"
三、attr與css
css可以這樣用
attr可以包含css的用法,使用範圍比css廣