js bind live delegate 区别

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量52 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/vshida/blog/88966
版权

今天写JS遇到一些奇怪问题, 加深了对js这三个方法的理解

同样的是绑定定事件的方法, 却各有区别

bind            普通的绑定事件, 页面加载完成后, 再ajax添加到页面中事件无效

live            页面加载完成后, 再ajax添加到页面中仍然有效 , 但是! 重新load()加载页面后live仍然有效, 代码load()了几遍就执行几遍, 这不是我们想要的结果了!解决办法用delegate

delegate     页面加载完成后, 再ajax添加到页面中仍然有效 ,不存在live() 遇到load()重复执行的问题!!!!

具体用法见jquery手册

转载于:https://my.oschina.net/vshida/blog/88966

weixin_34274029
关注
Web前端面试指导 二十五 谈一下Jquery中的bind live delegate on的区别
qq_44884269的博客
04-12 217
Web前端面试指导 二十五 谈一下Jquery中的bind live delegate on的区别
jquery 事件绑定及取消 bind live delegate on one区别 （超详细且通俗易懂）
m0_62360527的博客
05-17 2652
jquery 事件绑定及取消 bind live delegate on 区别 （超详细且通俗易懂）
前端培训之bind 、live、delegate、on之间有什么区别
zjjcchina的博客
12-30 189
(3)、使用live（）方法但却只能放在直接选择的元素后面，不能在层级比较深，连缀的DOM遍历方法后面使用，即(“body”).find(“ul”).live…实例如下：$( document ).on( “click”, “#members li a”, function( e ) {} );实例如下：$( “#members li a” ).bind( “click”, function( e ) {} );(1)、适用于页面元素静态绑定。(2)、更精确的小范围使用事件代理，性能优于.live()。
jquery bind live delegate
王星乐的博客
12-26 695
基本要素 DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡（又称事件传播）     当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click', function() { alert("That tickles!"
jQuery绑定事件的四种方式：bind、live、delegate、on
酷爱编程的小猿同学
11-19 522
jQuery绑定事件的四种方式：bind、live、delegate、on 1、jQuery操作DOM元素的绑定事件的四种方式 jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。 2、必备的基础知识: DOM树 　　我们的页面可以理解为一棵DOM树，当...
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
hangGe0111的博客
08-06 183
转：https://www.jb51.net/article/78298.htm 本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法。分享给大家供大家参考，具体如下： 前言 因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查...
jquery bind live delegate one
weixin_30314631的博客
08-25 58
1.bind( eventType [, eventData], handler(eventObject)) eventType是一个字符串类型的事件类型，就是你所需要绑定的事件。这类类型可以包括如下：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mo...
delegate ，on，bind，live，off
可了不得
02-24 184
本文的主要目的是说说他们之间的区别：delegate：方法基于一组特定的根元素将处理程序附加到匹配选择器的所有元素（现在的将来的）的一个或多个事件上。也就是即使是执行delegate函数之后添加的新元素，只要是他满足条件，绑定的事件处理函数就是有效的。这个桉树可以为同一个元素，同一个对象绑定多个事件处理函数。执行函数的时候按循序执行。不过随着jquery的不断发展，现在推荐用on来代替用法：$（s...
jQuery -> bind / live / delegate 的终结者 - on
老梁的专栏
05-17 3609
最近在学习jQuery，使用得是最新版本的1.11.1。照着书本敲了如下代码，却发现无论如何也跑不起来。 html hello world js $(document).ready(function() { $('.box').live('click', function() { $(this).clone().appendTo('.container'); }); }); 原
jQuery中的.bind()、.live()和.delegate()之间区别分析
10-28
在讨论jQuery中的事件绑定方法时，.bind()、.live()和.delegate()是三种重要的技术。为了深入理解这些方法之间的区别和特点，首先需要对DOM事件的传播机制有所了解。在DOM事件模型中，事件传播分为捕获和冒泡两个...
jQuery中bind,live,delegate与one方法的用法及区别解析
10-26
在jQuery库中，有四种主要的方法用于绑定事件处理程序：`.bind()`, `.live()`, `.delegate()`, 和 `.one()`。这些方法各有特点，适用于不同的场景，下面我们将逐一深入探讨它们的用法和区别。 1. **.bind() 方法** ...
Query中click(),bind(),live(),delegate()的区别
11-30
在jQuery中，click()、bind()、live()和delegate()都是用于绑定事件处理函数的方法，但它们之间存在一些关键的区别，适用于不同的场景。 1. `click()` `click()`是最常用的事件绑定方法，专门用于绑定点击事件。...
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 688
【代码】【JavaScript】LeetCode：707设计链表。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 620
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 356
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 328
js中严格区分大小写。
八十多种证件识别接口-JavaScript身份证识别API示例-护照识别-户口页识别
weixin_41711744的博客
09-12 678
证件识别API包含了身份证识别、护照识别、户口页识别、港澳台来往通行证识别等八十多种证件识别类型，提供了快速、精准的证件信息提取功能，广泛应用于实名认证 、机场出入口等场景。身份证识别API常用于在线支付、金融服务、酒店入住等需要进行实名认证和提取身份信息的场景。在这些场景中，通过快速识别和验证身份证信息，可以有效提高处理速度，减少人为错误，增强安全性。八十多种证件识别接口提供了一种高效、精准的识别方式来读取各类证件信息，通过合理应用这些技术，可以大幅提升用户体验和企业运营效率。
echarts饼图内容循环播放实现
qq_39877681的博客
09-12 358
echarts饼图内容循环播放实现
JQuery事件代理：live, delegate, bind 的详解与对比
本文将深入探讨jQuery中的事件代理方式，包括`live`、`delegate`和`bind`之间的差异。 事件冒泡是指事件在DOM树中从最具体的节点（子节点）向上逐级传播到不那么具体的节点（父节点）的过程。当我们在一个元素上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值