HTML中属性和属性有什么区别？
在jQuery 1.6.1所做的更改之后，我一直试图在HTML中定义属性和属性之间的区别。
查看jQuery 1.6.1发行说明 （接近底部）的列表，似乎可以按如下方式对HTML属性和属性进行分类：
-
属性：所有具有布尔值或UA计算的值，例如selectedIndex。
-
属性：可以添加到既不是布尔值又不包含UA生成值的HTML元素的“属性”。
思考？
在编写HTML源代码时，您可以在HTML元素上定义属性。 然后，一旦浏览器parsing你的代码，就会创build一个相应的DOM节点。 这个节点是一个对象，因此它具有属性。
例如，这个HTML元素：
<input type="text" value="Name:"> 有2个属性。
一旦浏览器parsing了这段代码，就会创build一个HTMLInputElement对象，这个对象将包含许多属性，如：accept，accessKey，align，alt，attributes，autofocus，baseURI，checked，childElementCount，childNodes，children，classList，className， clientHeight等
对于给定的DOM节点对象，属性是该对象的属性，属性是该对象的属性属性的元素。
当为给定的HTML元素创buildDOM节点时，其许多属性与具有相同或相似名称的属性相关，但它不是一对一的关系。 例如，对于这个HTML元素：
<input id="the-input" type="text" value="Name:">
相应的DOM节点将具有id ， type和value属性（除其他外）：
-
id属性是id属性的reflection属性：获取属性读取属性值，并设置属性写入属性值。id是一个纯粹的reflection属性，它不会修改或限制值。 -
type属性是type属性的reflection属性：获取属性读取属性值，并设置属性写入属性值。type不是纯粹的reflection属性，因为它限于已知的值 （例如input的有效types）。 如果你有<input type="foo">，那么theInput.getAttribute("type")给你"foo"但是theInput.type给你"text"。 -
相反，
value属性并不反映value属性。 相反，这是input的当前值 。 当用户手动更改input框的value，value属性将反映此更改。 所以如果用户在input框中input"John"，那么：theInput.value // returns "John"然而：
theInput.getAttribute('value') // returns "Name:"value属性反映input框中的当前文本内容，而value属性包含HTML源代码中的value属性的初始文本内容。所以如果你想知道文本框内的内容，请阅读属性。 但是，如果您想知道文本框的初始值是什么，请阅读该属性。 或者，您可以使用
defaultValue属性，它是value属性的纯粹反映：theInput.value // returns "John" theInput.getAttribute('value') // returns "Name:" theInput.defaultValue // returns "Name:"
有几个属性直接反映它们的属性（ rel ， id ），有些是直接reflection，名称略有不同（ htmlFor反映for属性， className反映class属性），许多反映它们的属性但有限制/修改（ src ， href ， disabled ， multiple ）等等。 规范涵盖了各种反思。
答案已经解释了属性和属性如何处理不同，但我真的想指出这是多么疯狂 。 即使这在某种程度上是规范。
有一些属性（例如id，class，foo，bar ）只保留DOM中的一种值，而某些属性（例如checked，selected ）保留两个值是疯狂的; 即“何时加载”的值和“dynamic”的值。 （DOM是不是应该完全代表文档的状态呢？）
这是绝对必要的， 两个input字段 ，例如文本和checkbox的 行为方式是一样的 。 如果文本input字段没有保留单独的“何时加载”值和“当前，dynamic”值，为什么checkbox？ 如果checkbox的checked属性有两个值，为什么它的类和id属性没有两个值？ 如果您希望改变文本 *input*字段的值，并且您期望DOM（即“序列化表示法”）发生变化，并反映出这种变化，那么为什么您不希望在input字段中在检查的属性上键入checkbox ？
“这是一个布尔属性”的区分对我来说没有任何意义，或者至less不是一个足够的理由。
以及这些是由W3C指定什么是属性和属性是什么http://www.w3.org/TR/SVGTiny12/attributeTable.html
但目前attr和道具没有那么不同，几乎是一样的
但他们更喜欢支撑一些东西
首选用法总结
.prop（）方法应该用于布尔属性/属性和HTML中不存在的属性（如window.location）。 所有其他的属性（你可以在html中看到的）可以并应该继续使用.attr（）方法进行操作。
好吧，实际上，如果你使用attr或prop或者两者兼而有之，你都不需要改变一些东西，但是我在我自己的应用程序中看到prop支持在atrr没有的地方工作，所以我把1.6 app prop =）
