jQuery是一款广泛用于网页开发的JavaScript库，它的attr方法是切换HTML属性的常用方法之一。

//切换src属性
$('img').attr('src', 'newimage.jpg');

上述代码可以将所有标签的src属性从原来的值改为newimage.jpg。这是最基本的attr方法使用。

而如果想要实现一个复选框的选中和取消选中的功能，也可以使用attr方法。

//实现复选框的选中和取消选中
$('input[type="checkbox"]').click(function(){
if($(this).is(':checked')){
$(this).attr('checked', 'checked');
}else{
$(this).removeAttr('checked');
}
});

上述代码使用了click事件，当复选框被点击时，会检测其是否已被选中，若已选中，则将其checked属性设置为checked，否则移除checked属性。

但是由于HTML5的兼容性问题，attr方法可能无法生效。这时候可以使用prop方法。

//使用prop方法实现复选框的选中和取消选中
$('input[type="checkbox"]').click(function(){
$(this).prop('checked', $(this).is(':checked'));
});

上述代码使用了prop方法，其中$(this).is(':checked')会返回当前复选框是否已被选中的布尔值，用来设置checked属性的值。prop方法通常比attr方法更加可靠。