先提出问题：关于 checked 这类值是 true/false 的属性，用 jQuery 的 attr 或 prop 要领举行 读取或设置值是有区分的。

在看 jQuery 文档前，我们先看看 attribute 与 property 是什么：

先搞懂 attribute 与 property

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

比方，下面这个 HTML 元素：

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

具有两个 attributes。

一旦浏览器剖析该代码，HTMLInputElement 对象就会被建立，而且该对象会具有许多 peoperties，如：accept、accessKey、align、alt、attributes、autofocus、baseURI、checked、childElementCount、ChildNodes、children、classList、className、clientHeight 等等。

关于某个 DOM 节点对象，properties 是该对象的一切属性，而 attributes 是该对象对应元素(标签)的属性。

当一个 DOM 节点为某个 HTML 元素所建立时，其大多数 properties 与对应 attributes 具有雷同或邻近的名字，但这并非一对一的关联。比方，下面这个 HTML 元素：

<input id="the-input" type="text" value="Name:">

其对应 DOM 节点会具有以下properties： id、type 和 value：

• id property是 id attribute 的映照：猎取该 property 即即是读取其对应的 attribute 值，而设置该 property 即为 attribute 赋值。id 是一个地道的映照 property，它不会修正或限定其值。

• type property 是 type attribute 的映照：猎取该 property 即即是读取其对应的 attribute 值，而设置该 property 即为 attribute 赋值。但 type 并非一个地道的映照 property，由于它的值被限定在已知值（即 input 的正当范例，如：text、password）。假如你有 <input type="foo">，然后 theInput.getAttribute("type") 会返回 "foo"，而 theInput.type 会返回 "text"。

• 相比之下，value property 并不会映照 value attribute。取而代之的是 input 的当前值。当用户手动更改输入框的值，value property 会反应当转变。所以，假如用户在 input 输入 John，然后：

  theInput.value // 返回 “John”
  但是：
  theInput.getAttribute(‘value’) // 返回 “Name:”

value property 反应了 input 的当前文本内容，而 value attribute 则是在 HTML 源码 value 属性所指定的初始文本内容。

因而，假如你想晓得文本框的当前值，则读取 property。而假如你想晓得文本框的初始值，则读取 attribute。或许你也能够应用 defaultValue property，它是 value attribute 的地道映照。

theInput.value                 // returns "John"
theInput.getAttribute('value') // returns "Name:"
theInput.defaultValue          // returns "Name:"

有几个 properties 是直接反应它们 attribute（rel、id），而有一些则用轻微差别的名字举行直接映照（htmlFor 映照 for attribute，className 映照 class attribute）。许多 property 所映照的 attribute 是带有限定/更改的（src、href、disabled、multiple）。该 范例 涵盖了林林总总的映照。

再看看 attr() 与 prop() 的区分

上述能让我们理清了 attribute 与 property 之间的区分，下面依据 jQuery 文档 对 attr() 与 prop() 要领举行比较：

自 jQuery 1.6 版本起，attr() 要领关于未设置的 attributes （即标签中没写该 attributes）都邑返回 undefined。关于检索和转变 DOM 的 properties，如表单元素的 checked、selected 或 disabled 状况，应运用 .prop() 要领。

Attributes vs. Properties

attributes 与 properties 之间的差别在特定情况下会变得尤为主要。在 jQuery 1.6 前，.attr() 要领在检索一些 attributes 时，偶然会把 property 斟酌进去，这会致使不一致的行动。在 jQuery 1.6 版本以后，.prop() 要领供应了一种明白检索 property 值的体式格局，而 .attr 只会检索 attributes。

比方，selectedIndex、tagName、nodeName、nodeType、ownerDocument、defaultChecked 和 defaultSelected 能被 .prop() 检索与设置。在 jQuery 1.6 之前，这些 properties 都是经由过程 .attr() 检索的，但检索这些属性并不应属于 attr 要领职责内 。这些属性并没有对应的 attributes，只要 properties 自身。

关于值为布尔值的 attributes ，斟酌到一个 DOM 元素是经由过程 HTML 标签 <input type="checkbox" checked="checked /> 定义的，而且假定它在 JavaScript 的变量名为 elem：

依据 W3C forms（表单） 范例，checked 是一个值为 boolean 的 attribute，这意味着当该 attribute 存在（不管值是什么），其对应的 property 都是 true。比方，该 attribute 没赋值或设为空字符串，以至设为 "false"。这一样适用于一切值为 boolean 的 attributes。

但是，关于 checked attribute 最主要的观点是记着它并非对应 checked property。该 attribute 实际上是对应 defaultChecked property，并仅在首次设置 checkbox 值时运用。checked attribute 的值并不会跟着 checkbox 的状况而作出响应转变，而 checked property 会。因而，为了兼容差别浏览器，当推断一个 checkbox 是不是被挑选时应当运用 property：

if (elem.checked)
if ($(elem).prop("checked"))
if ($(elem).is(":checked"))

这一样适用于别的动态 attributes，如 selected 和 value。

其他申明：
在 IE9 之前的版本，假如运用 .prop() 为 DOM 元素的 property 设置的值不是一个简朴的原始值（number、string 或 boolean），且该 property 在 DOM 元素从 document 移除前未被移除（运用 .removeProp()），则会致使内存走漏。为 DOM 对象设置值的平安做法（防止内存走漏）是运用 .data()。

参考（翻译）：
jQuery API Documentation：http://api.jquery.com/prop/
Properties and Attributrs in HTML：http://stackoverflow.com/questions/6003819/properties-and-attributes-in-html

Github 地点: jQuery 的 attr 与 prop 的区分