jQuery---委托事件原理

Posted 2021-03-13 jane-panyiyun

委托事件原理

 

事件发展历程：从简单事件，到bind，到委托事件

    //简单事件，给自己注册的事件
   $("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);
      });