jquery事件重复绑定

危害：

容易造成页面数据重复渲染
模态框打开多个
加载更多时数据重复

解决方法：

.off() 方法解绑需要在每次绑定事件之前，对该事件解绑，也就是 $(“.test-btn”).off(“click”);
.one() 方法控制，也就是$(“.test-btn”).one(“click”);
.unbind() 方法解绑，也就是$(“.test-btn”).unbind(“click”).bind("click",callback)

jquery优雅实现全选反选全攻略：

 1 $(function() {
 2                 //实现全选反选
 3                 $("#theadInp").on('click', function() {
 4                     $("tbody input:checkbox").prop("checked", $(this).prop('checked'));
 5                 })
 6                 $("tbody input:checkbox").on('click', function() {
 7                     //当选中的长度等于checkbox的长度的时候,就让控制全选反选的checkbox设置为选中,否则就为未选中
 8                     if($("tbody input:checkbox").length === $("tbody input:checked").length) {
 9                         $("#theadInp").prop("checked", true);
10                     } else {
11                         $("#theadInp").prop("checked", false);
12                     }
13                 })
14 })