jquery attr()和prop()的区别

1.attr() ：获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

 •.attr( attributeName ) •.attr( attributeName )

•.attr( attributeName, value ) •.attr( attributeName, value )

•.attr( attributes )

•.attr( attributeName, function(index, attr) )

2.prop() ：获取匹配的元素集中第一个元素的属性（property）值或设置每一个匹配元素的一个或多个属性。 •.prop( propertyName ) •.prop( propertyName )

•.prop( propertyName, value ) •.prop( propertyName, value )

•.prop( properties )

•.prop( propertyName, function(index, oldPropertyValue) )

两者的区别就在于 attributeName 和propertyName :

•对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

例如：“checked”,“selected”,"href"等等。。。

•对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

如果把DOM元素看成是一个普通的Object对象，这个对象在其定义时就具有一些属性（property），比如把select的option当做一个对象：

attribute是一个特性节点，每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点，它是一个类数组的容器。attributes的每个数字索引以名值对(name=”value”)的形式存放了一个attribute节点。而property就是一个属性，是一个以名值对(name=”value”)的形式存放在Object中的属性。