jquery事件重复绑定

危害：

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

解决方法：

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

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

$(function() {
                //实现全选反选
                $("#theadInp").on('click', function() {
                    $("tbody input:checkbox").prop("checked", $(this).prop('checked'));
                })
                $("tbody input:checkbox").on('click', function() {
                    //当选中的长度等于checkbox的长度的时候,就让控制全选反选的checkbox设置为选中,否则就为未选中
                    if($("tbody input:checkbox").length === $("tbody input:checked").length) {
                        $("#theadInp").prop("checked", true);
                    } else {
                        $("#theadInp").prop("checked", false);
                    }
                })
})