jquery的delegate实现原理[通俗易懂]

jquery的delegate实现原理[通俗易懂]//对标签绑定点击事件但是该方法对动态生成的元素无法生效$(‘.btn’).bind(‘click’,function(){alert(‘点击了’);})//jquery处理$(‘document’).delegate(‘.btn’,’click’,function(){alert(‘点击了’);});//其实原理就是利用了J

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

//对标签绑定点击事件  但是 该方法对动态生成的元素无法生效
$('.btn').bind('click',function(){
          alert('点击了');
})
//jquery处理
$('document').delegate('.btn','click',function(){
       alert('点击了');
});

//其实原理就是利用了JS事件的冒泡机制 在document(或事件源的父层也可以)进行监听 冒泡到监听点后 判断事件源是否自己设定的元素
$(document).bind('click',function(e){
       var ev=e||event;
       var target=$(ev.target||ev.srcElement);
       if(target.hasClass('btn')){
                  alert('点击了');
                  return false;
       }
       return true;
});



//



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/179153.html原文链接:https://javaforall.net

(0)
上一篇 2022年8月30日 下午1:36
下一篇 2022年8月30日 下午1:46


相关推荐

  • redis主从同步原理(浅谈)

    redis主从同步原理(浅谈)1 前言在 redis 中为了保证 redis 的高可用 一般会搭建一种集群模式就是主从模式 主从模式可以保证 redis 的高可用 那么 redis 是怎么保证主从服务器的数据一致性的 接下来我们浅谈下 redis 主 master 从 slave 同步的原理 2 初次全量同步当一个 redis 服务器初次向主服务器发送 salveof 命令时 redis 从服务器会进行一次全量同步 同步的步骤如下图所示 s

    2026年3月20日
    2
  • Java的final关键字详解建议收藏

    Java中的final关键字非常重要,它可以应用于类、方法以及变量。这篇文章中我将带你看看什么是final关键字?将变量,方法和类声明为final代表了什么?使用final的好处是什么?最后也有一些使

    2021年12月20日
    45
  • 查看vue版本号、vue-cli版本号

    查看vue版本号、vue-cli版本号查看 vue 版本号方法一 npmlsvue 方法二 package json 查看 vue cli 版本号 vue V 两者不要搞混哦

    2026年3月16日
    3
  • 如何抓取网页数据

    如何抓取网页数据如何抓取网页数据 每当我们在网上找到自己想到的数据 都需要复制粘贴或下载然后一步一步地整理 今天教大家如何快速地免费获取网页数据信息 只需要输入域名点选你需要的数据 软件全自动抓取 支持导出各种格式并且已整理归类 详细参考图片教程 SEO 是一种具有一定运转周期的网络营销形式 如何抓取网页数据 与其他网络营销方式不同的是 由于网站 SEO 优化是一项依托积聚和耐久性的工作 它可能不会在短时间内产生营销效果 普通来说 如何抓取网页数据 SEO 的结果在一年左右会比拟稳定 那么网站 SEO 优化效果慢的缘由是什

    2026年3月18日
    2
  • native DRAMAtical Murder_project diablo 2

    native DRAMAtical Murder_project diablo 2投影投影是JMESPath的关键特性之一。它允许您将表达式应用于元素集合。有五种投影:列表投影切片投影对象投影展平投影过滤投影处理投影需要注意的点投影分为两个步骤。左侧(LHS)创建一

    2022年7月29日
    9
  • struts2.0的工作原理「建议收藏」

    struts2.0的工作原理「建议收藏」客户端发出一个请求,服务器端StrutsPreparedAndExceuteFilter接收请求,如果该请求是一个以.action结尾请求,则Struts2将请求转发至相应的Action,进行数

    2022年7月2日
    24

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号