jQuery中attr()和prop()在修改checked属性时的区别

在jQuery中，使用attr()和prop()方法来修改checked属性的值是有区别的。

attr()方法

attr()方法用于获取或设置特定属性的值。当需要设置或获取元素的属性时，attr()方法是常用的方法之一。

但是，使用attr()方法会有一个缺点，如果我们使用attr()方法来设置checked属性的初始值为true，则在我们使用attr()方法来改变这个属性的值时，会发现无法生效。

示例：

<input type="checkbox" id="example">

// 将初始值设置为已选中
$('#example').attr('checked', true);

// 改变选项的状态
$('#example').attr('checked', false);

此时，将无法取消选中状态，仍会保持选中状态。

prop()方法

prop()方法用于获取或设置元素的属性，prop()方法的优点是支持将checked属性的值设置为true或false。

示例：

<input type="checkbox" id="example">

// 将初始值设置为已选中
$('#example').prop('checked', true);

// 改变选项的状态
$('#example').prop('checked', false);

此时，可以将选中状态取消。因此，应该使用prop()方法来设置或获取checked属性的值。

总结

在jQuery中，使用attr()方法和prop()方法来获取或设置checked属性的值是有区别的。当需要获取或设置checkbox的选中状态时，应该使用prop()方法来实现，而不是使用attr()方法。