在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但它们之间存在重要的区别，尤其是在处理特定属性如`checked`时。`attr()`主要用于获取或设置HTML元素的attribute，而`prop()`则是用于操作元素的特性(property)。
`checked`属性是一个特殊例子，它既是HTML attribute，也是JavaScript中的特性。当用户交互如点击复选框时，浏览器会更新`checked`的property，但attribute不会自动同步。`attr('checked', true)`在某些情况下，特别是在Chrome浏览器中，可能只会在第一次点击时生效，因为这只是修改了attribute，而不是实际的property。
例如，当你尝试通过`$.attr('checked', true)`使一个复选框被选中，这个操作仅会设置HTML attribute的值。在复选框未定义`checked="checked"`时，`$.attr('checked')`会返回`undefined`。而在定义了`checked`后，它将返回`"checked"`字符串。然而，这并不影响复选框的实际选中状态。使用`prop('checked')`，你可以直接访问和修改元素的选中状态，它会返回`true`或`false`，对应于复选框是否被选中，而且这个状态会随着用户交互实时更新。
在jQuery 1.6及之后的版本，`prop()`方法被引入，就是为了更准确地处理这些特性，特别是对于那些反映元素当前状态的属性，如`checked`、`selected`、`disabled`等。因此，当你需要改变复选框的选中状态时，应该使用`prop()`方法，如`$('input[type=checkbox]').prop('checked', true)`。
此外，关于在IE9之前的版本中，`prop()`设置DOM元素的非简单类型property可能导致内存泄漏的问题。这是因为这些版本的IE不会正确地释放与property关联的内存。为了避免这个问题，可以使用`data()`方法来安全地设置数据，尽管这并不适用于所有属性。通常，对于`checked`这类基本类型属性，使用`prop()`是安全的，但在处理复杂对象或数组时，建议使用`data()`。
总结来说，`attr()`和`prop()`的主要区别在于`attr()`处理HTML attribute，而`prop()`处理JavaScript特性。在操作像`checked`这样的动态属性时，应优先选择`prop()`，因为它能正确反映元素的当前状态，并且在大部分现代浏览器中表现一致。同时，要注意在旧版IE中使用`prop()`的潜在风险，以及何时使用`data()`来避免内存泄漏。
