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


相关推荐

  • Mac 破解zip压缩文件密码详解

    Mac 破解zip压缩文件密码详解使用fcrackzip来破解zip类型压缩文件fcrackzip是一款专门破解zip类型压缩文件密码的工具,工具破解速度还是可以的,能用字典和指定字符集破解,适用于Linux、MacOS系统。如果你的电脑没有安装brew,需要执行下面命令行/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebr…

    2022年5月1日
    462
  • Centos7更换阿里云yum源

    Centos7更换阿里云yum源

    2021年5月31日
    117
  • logo 图标(php图片加文字水印)

    现在很多人都在使用小红书app,但大家肯定都会有同一个问题,图片怎么保存,重点是怎么保存图片无水印。看到好看的图片想保存下来,可是却不喜欢看到有水印。今天,就好好和大家分享一下小红书保存图片途径,往下看不会让你失望。准备工作:电脑一台固乔电商图片助手小红书网站下载步骤:打开电脑下载工具固乔电商图片助手,大家可从浏览器去搜索,也可以直接在乔礼卖家驿站里面去下载这个工具。下载后直接打开就能使用,顺便在…

    2022年4月18日
    30
  • 烹调方案「建议收藏」

    烹调方案「建议收藏」烹调方案

    2022年4月20日
    35
  • sql注入攻击属于什么攻击_ssr怎么用

    sql注入攻击属于什么攻击_ssr怎么用学好网络安全,以己之矛护己之盾

    2022年8月16日
    6
  • mac vscode html插件,vscode 前端插件整理

    mac vscode html插件,vscode 前端插件整理常用插件AutoCloseTag自动添加HTML/XML关闭标签(必备)imageAutoRenameTag自动重命名配对的HTML/XML标签(必备)imageBeautify格式化javascript,JSON,CSS,Sass,和HTMLBootstrap4&Fontawesomesnippets包含Bootstrap4&Fontawesome的代码片…

    2022年7月25日
    22

发表回复

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

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