jQuery中prop()和attr()的区别

HTML属性是指页面标记中放在引号中的值，而DOM属性则是指通过JavaScript能够存取的值。

在jQuery中，prop()是操作DOM属性，attr()是操作HTML属性。

HTML属性与对应的DOM属性名字有时候不相同，这种情况并不多，比如p元素有一个名为class的HTML属性，而对应的DOM属性则为className。 有时候我们的确需要留意这两种属性的差异。某些DOM属性，例如nodeName、 nodeType、 selectedIndex和childNodes，在HTML中没有对应的属性，因此通过.attr()方法就没有办法操作它们。此外，数据类型方面也存在差异，比如HTML中的checked属性是一个字符串，而DOM中的checked属性则是一个布尔值。

HTML属性与DOM属性差别最大的地方，恐怕就要数表单控件的值了。比如，文本输入框的value属性在DOM中的属性叫defaultValue， DOM中就没有value属性。而选项列表（select）元素呢，其选项的值在DOM中通常是通过selectedIndex属性，或者通过其选项元素的selected属性来取得。

由于存在这些差异，在取得和设置表单控件的值时，最好不要使用.attr()方法。而对于选项列表呢，最好连.prop()方法也不要使用。那使用什么呢，建议使用jQuery提供的.val()方法。