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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • TiDB 在银行核心金融领域的研究与两地三中心实践

    TiDB 在银行核心金融领域的研究与两地三中心实践作者介绍:于振华,北京银行软件开发部资深架构师,长期从事银行核心系统研发、规划,参与过多个核心信息系统建设工作,包括一、二代支付系统、第四代银行核心系统建设、分布式核心系统建设等企业级项目工作。当前主要研发方向集中在构建先进、高效、面向OLTP的银行交易系统,提升银行信息系统服务能力。本文整理自于振华老师在TiDBDevCon2019上的演讲实录,演讲主题为《TiDB在…

    2022年6月17日
    80
  • IDEA下将一个普通的maven项目转换为一个web项目

    IDEA下将一个普通的maven项目转换为一个web项目

    2021年8月23日
    58
  • curl命令大全(数据库命令大全)

    curl命令大全简介curl是常用的命令行工具,用来请求Web服务器。它的名字就是客户端(client)的URL工具的意思。它的功能非常强大,命令行参数多达几十种。如果熟练的话,完全可以取代Postman这一类的图形界面工具。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7aHduX6w-1597403478458)(https://www.wangbase.com/blogimg/asset/201909/bg2019090501.jpg)]不带有任

    2022年4月16日
    120
  • Java神操作之利用Mybatis的resultMap的id标签进行分组映射「建议收藏」

    Java神操作之利用Mybatis的resultMap的id标签进行分组映射「建议收藏」SQL<!–分组测试–><selectid=”test”resultMap=”test”>select*frommall_shoppingcartwherecompany_id=”companyIdTest”</select>resultMap<resultMaptype=”co…

    2022年10月23日
    0
  • arcgis二次开发动态追踪以及提高

    arcgis二次开发动态追踪以及提高 前几天呢,想做动态追踪,发现这篇文章(https://blog.csdn.net/anlidengshiwei/article/details/41545301)写的不错,功能实现了之后,感觉可以更好,所有就自己就试着写了一下,本人新手,还望大家多多包涵;第一种方法,小车点的行进路径该有鼠标动态获取; double[]arrx=newdouble[1000];…

    2022年7月23日
    12
  • 使用TreeSoft实现不同数据库间的定时数据同步

    使用TreeSoft实现不同数据库间的定时数据同步TreeSoft数据库管理系统,支持以下数据同步方案:1、MySQL同步数据到Oracle2、MySQL同步数据到PostgreSQL3、MySQL同步数据到SQLServer4、MySQL同步数据到MongoDB5、Oracle同步数据到MySQL6、Oracle同步数据到PostgreSQL7、Oracle同步数据到SQLServer8、Orac…

    2025年5月28日
    0

发表回复

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

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