前端问题 attribute 和 property的区别

当编写 HTML 源码时，你能在 HTML 元素里定义 attributes。然后，一旦浏览器解析你的代码，该 HTML 元素相应的 DOM节点就会被创建。该节点是一个对象，因此它就拥有 properties。 
因此，我们知道：attributes 是 HTML元素（标签）的属性，而 properties 是 DOM 对象的属性。

<input type="text" value="Name:">

这个元素拥有两个attributes，可以用getAttribute（）方法获取。 

而这个元素被解析为DOM对象后，拥有了一系列对象属性，其中一些属性与元素的attribute会相互对应：

input.type;
input.value；

搞清楚属性（properties）和特性（attribute）后，再来看对应的prop（）和attr（）方法。 

prop（）和attr（）的区别：

• prop（）prop()针对的是DOM元素的property，而不是元素节点的attribute。 
  可以看出源码中使用的是elem[name]的形式，即对DOM对象属性的获取和设置方式。

• attr（）设置的是HTML元素的特性，，源码中使用的也是setAttribute（）和getAttribute（），即用于操作特性的方法。

在 jQuery 1.6 版本之后，.prop() 方法提供了一种明确检索 property 值的方式，而 .attr 只会检索 attributes。

因此，在jquery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作，也尽量使用prop()函数

转载于:https://www.cnblogs.com/pemty/p/7477313.html