zoukankan      html  css  js  c++  java
  • 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 })
  • 相关阅读:
    python3内置函数大全
    字符串格式化及函数
    基础数据和编码
    python基本数据类型
    python基础
    python re模块
    python json模块
    python os模块
    python random模块
    python time模块
  • 原文地址:https://www.cnblogs.com/Lewiskycc/p/6693586.html
Copyright © 2011-2022 走看看