jQuery---委托事件原理

jQuery事件发展历程

 

事件发展历程:从简单事件,到bind,到委托事件,到on事件绑定

 

 

 

 

    //简单事件,给自己注册的事件
   $("div").click(function () {
     alert("哈哈");
   });

 

      //bind方式
      $("p").bind({
        click: function () {
          alert("呵呵")
        },
        mouseenter: function () {
          alert("哈哈")
        }
      });

 

委托事件原理

      //delegate:代理,委托
      //1. 给父元素注册委托事件,最终还是有子元素来执行
      //2. 动态创建的也能有事件 :缺点:只能注册委托事件

 

      // 要给div注册一个委托事件,但是最终不是由执行,而是有p执行
      // 第一个参数:selector:事件最终由谁来执行。
      // 第二个参数:事件的类型
      // 第三个参数:函数,要做什么

 

      $("#box").delegate("p", "click", function () {
        //alert("呵呵");
        console.log(this);
      });

 

 
 
posted @ 2020-02-01 11:43  jane_panyiyun  阅读(360)  评论(0编辑  收藏  举报