jQuery---委托事件原理

2021-04-21 19:28

阅读:301

标签:his   tor   log   元素   简单   执行   gate   jquer   delegate   

委托事件原理

 

事件发展历程:从简单事件,到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);
      });

 

 

 

 
 
 

jQuery---委托事件原理

标签:his   tor   log   元素   简单   执行   gate   jquer   delegate   

原文地址:https://www.cnblogs.com/jane-panyiyun/p/12246159.html


评论


亲,登录后才可以留言!