Question

jQuery中attr和prop方法的区别

Answer 1

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
比如说·
<input
id="c1"
type="checkbox"
/>是否可见
<input
id="c2"
type="checkbox"
checked="checked"
/>是否可见
像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。
$("#c1").prop("checked")
==
false
$("#c2").prop("checked")
==
true
如果上面使用attr方法，则会出现：
$("#c1").attr("checked")
==
undefined
$("#c2").attr("checked")
==
"checked"