在jQuery中，处理复选框（checkbox）的状态时，可能会遇到一个问题，即使用`attr()`方法无法正确地进行二次勾选。这个问题在描述中已经提到，当尝试通过`attr()`方法改变checkbox的选中状态时，特别是在反复切换的情况下，可能无法达到预期效果。这通常是由于`attr()`方法在jQuery 1.6及更高版本中对某些属性处理方式的改变导致的。
在HTML中，`<input type="checkbox">`元素的选中状态通常是由`checked`属性控制的。当`checked`属性存在时，复选框会被默认选中；反之，则未选中。在早期版本的jQuery中，`attr()`方法可以用于读写这些属性，包括`checked`。然而，自jQuery 1.6开始，`attr()`方法对于DOM属性的处理有了区分，它主要用来获取或设置元素的特性（attribute），而不是属性（property）。
属性（property）和特性（attribute）在某些情况下是有区别的，特别是在表单元素如checkbox上。例如，`checked`属性反映的是元素当前的实际状态，而`checked`特性则表示元素在HTML源码中的初始设定。当使用`attr()`尝试改变`checked`状态时，可能只会改变特性，但不会影响实际的属性状态，因此在某些情况下，如页面重新加载或动态修改后，复选框的选中状态可能不会按照预期更新。
为了解决这个问题，jQuery引入了`prop()`方法。`prop()`方法专门用于处理DOM元素的属性，包括那些与用户交互相关的状态，如`checked`、`selected`和`disabled`等。在上述示例中，使用`prop()`来切换复选框的选中状态会更加可靠：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Prop checked</title>
<script type="text/javascript" src="./js/jquery-1.11.2.js"></script>
<script type="text/javascript">
function switchChecked(flag) {
$("input[type='checkbox']").prop('checked', flag);
}
</script>
</head>
<body>
<input type="checkbox" />
<input type="button" onclick="switchChecked(true)" value="选中">
<input type="button" onclick="switchChecked(false)" value="取消选中">
</body>
</html>
```
在这个例子中，`switchChecked()`函数接收一个布尔值`flag`，并使用`prop()`方法将所有复选框的`checked`属性设置为`true`或`false`，从而实现选中和取消选中的切换。
总结来说，当你在jQuery中处理复选框的选中状态时，应优先考虑使用`prop()`方法，尤其是在涉及到动态操作或反复切换状态的场景下。这是因为`prop()`方法能更准确地反映出元素的当前状态，并且在jQuery 1.6及以上版本中推荐使用。同时，理解`attr()`和`prop()`的区别，有助于编写更稳定、更高效的jQuery代码。
