码迷,mamicode.com
首页 > Web开发 > 详细

jQuery---委托事件原理

时间:2020-02-01 12:22:15      阅读:112      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!