jquery事件重复绑定

危害：

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

解决方法：

1.  .off() 方法解绑 需要在每次绑定事件之前，对该事件解绑，也就是 $(“.test-btn”).off(“click”); 
2.  .one() 方法控制 ，也就是$(“.test-btn”).one(“click”); 
3.  .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 })

 

转载于:https://www.cnblogs.com/Lewiskycc/p/6693586.html