jQuery中on()，bind()，live()，delegate()的区别

最新推荐文章于 2021-03-08 20:29:53 发布
原创 最新推荐文章于 2021-03-08 20:29:53 发布 · 418 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了jQuery中的事件绑定方法on(), bind(), live() 和 delegate()。on() 方法是1.7版本后新增的，用于替代之前的三种方法。bind() 仅对当前已存在的元素有效；live() 既适用于当前元素也适用于未来动态添加的元素；delegate() 同样适用于当前及未来的元素，并优化了事件传播链。

on()是1.7版本之后增加的用来替代bind()，live()，delegate()的，

bind() 只对文档中已经存在的元素有效，对讲来动态添加的元素无效，该方法直接绑定在元素上

live() 对已经存在的元素有效，对将来要添加的元素也有效，该方法通过冒泡的方式绑定到元素上

delegate() 适用于现在及将来要添加的元素，通过冒泡的方式绑定到元素上，解决了‘事件传播链’过长问题’


jQuery绑定事件方法及区别(bind,click,on,live,one)
01-19
第一种方式： $(document).ready(function(){ $(#clickme).click(function(){ alert(hello world click) }) }) 第二种方式（简写方式为第一种）： $('#clickmebind').bind(click, function(){ alert(Hello World bind); }); 第三种方式： $('#clickmeon').on(click,function(){ alert(hello world on) }) 注意：第三种方式只适用于jquery 1.7以上
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
10-19
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
jQuery中.bind() .live() .delegate() .on()的区别
weixin_30273931的博客
03-30 149
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert("ok");}); live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的 $("a").live("click",function(){alert("ok");});...
浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
zhcscs的博客
06-14 428
前言 　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。 bind() 简要描述 　　bind()向匹配元素添加一个或多个事件处理器。 使用方式 　
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？
歌谣的博客
03-08 429
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？ 在我们深入了解这些方法之前，我们先来一段常见的的HTML，作为我们编写jquery示例方法使用的样本。 <ul id="members" data-role="listview" data-filter="true"> <!-- ... 其他li ... --> <li> <a href="detail.html?id=10" rel="externa
jQuery中bind,live,delegate与one方法的用法及区别解析
10-26
在jQuery库中，有四种主要的方法用于绑定事件处理程序：`.bind()`, `.live()`, `.delegate()`, 和 `.one()`。这些方法各有特点，适用于不同的场景，下面我们将逐一深入探讨它们的用法和区别。 1. **.bind() 方法** ...
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
11-23
本文主要探讨了四个常用的事件绑定方法：bind(), live(), delegate(), 和 on()，并提供了实例来帮助理解它们的区别和用途。 1. **bind()**： - `bind()` 是最基础的事件绑定方法，用于向匹配的元素添加一个或多个...
jQuery中的bind(),live(),delegate(),on()有什么区别？
IT修真院：初学者转行到互联网的聚集地
05-11 859
这里是修真院web小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析web知识/技能，本篇分享的是： 【jQuery中的bind(),live(),delegate(),on()有什么区别？ 】 大家好，我是IT修真院武汉分院第10期学员，一枚正直善良的web程序员。 今天给大家分享一下，修真院官网...
jQuery 中bind(),live(),delegate(),on() 相关（整理一下）
u010403387的专栏
01-27 553
四者区别： .bind()是直接绑定在元素上(绑定每个元素，效率低) $(element).bind(event,[data],fn); .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。 $(element).live("click",function()); .del
Web前端面试指导(二十五)：谈一下Jquery中的bind,live,delegate,on的区别？
雄领IT的专栏
10-04 4071
题目点评 该题难度不是很大，主要考察我们的叙述能力，对这些事件是否能够全面、系统的理解，以及表达的思路是否清晰。 解题思路 bind：把事件绑定到每一个匹配的元素上，主要特点 1.兼容性比较好 2.绑定事件到所有选出来的元素上 3.不会绑定事件到动态添加的那些元素上 4.当元素很多时，会出现效率问题，特别是嵌套层次比较深的元素。
jQuery中事件绑定到bind、live、delegate、on方法的探究
weixin_30263277的博客
09-04 161
1. 给页面上的某个元素绑定事件，最初采用下面的方式实现： $(‘selector’).click(function(){ //code }); 缺点： 不能同时绑定多个事件，不能绑定动态的元素。 后来接触到了on、bind、live、delegate，以下是对它们的一些探究。 2. bind(type,[data],fn)，为每个匹配元素的特定事...
JQuery中的bind、delegate、on、live方法的区别及简单介绍
学习空间
02-14 3168
Bind()方法： 给元素绑定事件 形式： .bind(eventType[,eventData],handler(eventObject)) eventType,string类型，一个或多个DOM事件的名称，比如：click、submit eventData，Object，将会传递给handler函数的数据，也就是eventObject的data属性中，如果要调用那么使用eventOb
jquery中的bind、on、live、delegate等方法对比
7
11-29 1019
这个问题说到烂了，网上有很多写得很好的文章，下面是其中一个：     http://www.gbin1.com/technology/jquery/20120419jqueryeventhandler/
jquery中的bind(),live(),delegate(),on()绑定事件方式
心暖未晴
05-18 1329
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> t
jquery的bind与on和live的使用
悦分享
11-09 569
jquery的bind与on和live的使用 使用.bind()方法非常浪费性能因为它把同一个事件处理函数附加到了每一个匹配的元素上 你应该停止使用.live()方法因为它被弃用了同时也会带来很多问题 使用.delegate()方法会给你带来很多好处当你需要解决一些性能上的问题和对动态添加的元素作出处理 新的.on()方法其实就是模拟.bind() ， .live() 和.delegate...
jquery中的live、on、onclick、bind
qianyiyiding的专栏
06-07 895
Jquery中的事件绑定有三种方式： onclick事件 onclick非常好理解，点击时候触发onclick函数中的代码执行 $("button").onclick( $("p").slideToggle();//显示和隐藏 ); bind函数 bind方法是为某个元素绑定一个事件，bind的方法只能给已经存在的DOM元素绑定事件，对于后面JS中新增加的元素是没有效果的，也即是说Jquer
【jQuery学习总结】on（）、bind（）、live（）的区别
zhongmei121的专栏
07-03 444
语法：bind(event, [data], fn)live(event, [data], fn)on(event,[selector],[data],fn)区别：（1）on比bind和live多一个参数[selector]，on可以在父元素的选择下再设置子元素的原则，更加精确操作。（2）bind和live的区别是live可以适用于匹配选择器的当前及未来的元素（比如由脚本js动态创建的新元素），b...
jQuery的事件委托方法bind 、live、delegate、on之间有什么区别
weixin_42937047的博客
09-06 2640
(1)、bind 【jQuery 1.3之前】 定义和用法：主要用于给选择到的元素上绑定特定事件类型的监听函数； 语法：bind(type,[data],function(eventObject))； 特点： 　　(1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。 　　(2)、当页面加载完的时候，你才可以进行bind()，所以可能产生...
JQuery事件代理：live, delegate, bind 的详解与对比
本文将深入探讨jQuery中的事件代理方式，包括`live`、`delegate`和`bind`之间的差异。 事件冒泡是指事件在DOM树中从最具体的节点（子节点）向上逐级传播到不那么具体的节点（父节点）的过程。当我们在一个元素上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值