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


相关推荐

  • Android蓝牙开发—经典蓝牙和BLE(低功耗)蓝牙的区别

    Android蓝牙开发—经典蓝牙和BLE(低功耗)蓝牙的区别   最近在做蓝牙开发,刚接触时傻傻的分不清经典蓝牙和低功耗蓝牙的区别,一直用开发低功耗蓝牙的方法去连接经典蓝牙设备,最后当然是一直连接不上了。在此记录下经典蓝牙和低功耗蓝牙的区别和联系。Android中的蓝牙      说到Android中的蓝牙,大家听到的可能有蓝牙1.0、蓝牙2.0、蓝牙3.0、蓝牙4.0之类的以数字结尾的蓝牙版本号,而实际上,在最新的标准中,已经不再使用数…

    2022年6月16日
  • 记忆化搜索(递归)讲解「建议收藏」

    记忆化搜索(递归)讲解「建议收藏」记忆化搜索

    2022年7月26日
  • 关闭Windows硬盘默认共享「建议收藏」

    在桌面建一个txt文档考入两种方式其中的一种,并将txt文件另存为reg后缀文件。第一种Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\lanmanserver\parameters] “AutoShareServer”=dword:00000000

    2022年4月16日
  • pyinstaller打包exe带图标

    pyinstaller打包exe带图标1.安装pyinstallerpipinstallpyinstaller2.打包pyinstaller-F-itest.icotest.py-F:不加依赖

    2022年6月17日
  • SQL基础语句大全

    SQL基础语句大全SQL基础语句大全此文章基本涵盖SQL的基础应用语句你好!这是本人在大学自学Java时记录的SQL基础语句,希望可以对自学的小白们给与一定帮助,有错误也欢迎大家可以帮助纠正。数据类型1.整数:int和bigintbigint等效Java中的long2.浮点数:double(m,d)m总长度d小数长度eg:double(5,3)26.789decimal是一个超高…

    2022年5月1日
  • CAS-KG——知识推理

    CAS-KG——知识推理说明:CAS是国科大的简称,KG是知识图谱的缩写,这个栏目之下是我整理的国科大学习到的知识图谱的相关笔记。课程目标了解以知识图谱为代表的大数据知识工程的基本问题和方法掌握基于知识图谱的语义计算关键技术具备建立小型知识图谱并据此进行数据分析应用的能力教学安排详情请见博客:CAS-KG——课程安排文章目录…

    2022年5月8日

发表回复

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

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