jQuery中attr()与prop()的区别

今天在学习jQuery的时候遇到了一个这样的问题，全选的时候只有第一次全选可以选中，之后就不可以，最后发现问题的所在，就是attr()与prop(),下面我们来简单的说一下

1.attr() 操作属性值为非布尔类型的属性 2.prop() 操作属性值为布尔类型的属性

以上我就通俗易懂的定义一下，下面看代码实例:

  	
  	
  	
  	
  	
  	
  	
  	
  	全选
  	全不选
  	
  	
  	
	
		var checkboxes = $(':checkbox');
		//全选
		$('#btn1').click(function() {
			checkboxes.prop('checked',true);
		});
		//全不选
		$('#btn2').click(function() {
			checkboxes.prop('checked',false);
		});
	
  

页面效果如下： 读者们可以复制代码自己测试一下