Loading

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 })

 

posted @ 2017-04-11 15:03  lewiskycc  阅读(173)  评论(0)  编辑  收藏  举报