jquery的delegate实现原理[通俗易懂]
2023-06-13 09:11:12 时间
大家好,又见面了,我是你们的朋友全栈君。
//对标签绑定点击事件 但是 该方法对动态生成的元素无法生效
$('.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.cn/179153.html原文链接:https://javaforall.cn
相关文章
- jQuery原理
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jQuery表单插件jquery.form.js详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- jquery取消绑定的方法详解编程语言
- jQuery动画的实现原理
- jQuery工具函数简介
- jQuery注意事项与原因分析
- jQuery与javascript对照学习获取父子前后元素实现代码
- jquery提示"objectexpected"的解决方法
- Jquery实战_读书笔记1—选择jQuery
- jQuery的实现原理的模拟代码-4重要的扩展函数extend
- 初窥JQuery-Jquery简介入门了解篇
- jQuery选择器的工作原理和优化分析
- 用JQuery在网页中实现分隔条功能的代码
- Jquery写一个鼠标拖动效果实现原理与代码
- JavaScript用JQuery呼叫Server端方法实现代码与参考语法
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- jquery移动listbox的值原理及代码
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- 文件编码导致jquery失效的解决方法
- Jquery动态进行图片缩略的原理及实现
- jquery将一个表单序列化为一个对象的方法
- 基于jquery的simpleValidate简易验证插件
- jquery引用方法时传递参数原理分析