zoukankan      html  css  js  c++  java
  • 关于jquery的事件

    一、事件绑定

        在jq1.7前jq事件绑定都是通过bind方法实现的,如下

             $('selector').bind('eventType',data,callBack);

        配对方法unbind

        jqury1.7前一种类似预绑定live,它是通过冒泡的方式实现的,如下

              $('selector').live('eventType',data,callBack);

        配对方法die

        jqury中事件代理,如下

               $('selector').delegate('childDom',eventType,data,callBack);

        配对方法ondelegate

        1.7以后出现了on方法,使用on方法绑定方式也是大同小异

             $('selector').on('eventType',selector,data,callBack);

        配对方法off

       区别:

          1.bind方法用于将事件绑定到已选元素上,不能绑定还没出现的元素

          2.live方法采用事件冒泡方式实现,可以绑定目前没有的元素(预绑定),1.7后弃用

          3.delegate专门用于事件代理

          4.on整合了上述三个方法(适用于1.7以后)

    二、自定义事件

          jqury中自定义事件不需要声明,直接使用bind或其他上述的方法绑定,如下

          $(window).bind('love',function(){//绑定自定义事件,这里的window可以是任意对象

               alert('love');

         });

      

         $(window).trigger("love");//触发自定义事件

         使用场景:

         主要思想是为了解决浏览器中基本事件不能完成对需求,一般用于组件向外暴露事件,实现解耦。

        

         

          

          

       

  • 相关阅读:
    Object.prototype的原型对象 格式化日期【js笔记】
    数组中去掉重复的 【js笔记】
    按照内容多少,每行自动按照内容较多的div设置其他div的高度【jq笔记】
    动态操作表格 【js笔记】
    关于记录任意选择行删除或者其他的操作【jq笔记】
    Good studying and day day up
    第三周星期一
    第二周星期天
    第二周星期六
    第二周星期五
  • 原文地址:https://www.cnblogs.com/ai3xiaoyi/p/4341408.html
Copyright © 2011-2022 走看看