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

最新推荐文章于 2019-05-11 19:59:06 发布
最新推荐文章于 2019-05-11 19:59:06 发布
阅读量361 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cui1002/article/details/64439323
版权

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

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

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

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


cui1002
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
10-19
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
jquery的bind与on和live的使用
悦分享
11-09 488
jquery的bind与on和live的使用 使用.bind()方法非常浪费性能因为它把同一个事件处理函数附加到了每一个匹配的元素上 你应该停止使用.live()方法因为它被弃用了同时也会带来很多问题 使用.delegate()方法会给你带来很多好处当你需要解决一些性能上的问题和对动态添加的元素作出处理 新的.on()方法其实就是模拟.bind() ， .live() 和.delegate...
jquery中的live、on、onclick、bind
qianyiyiding的专栏
06-07 826
Jquery中的事件绑定有三种方式： onclick事件 onclick非常好理解，点击时候触发onclick函数中的代码执行 $("button").onclick( $("p").slideToggle();//显示和隐藏 ); bind函数 bind方法是为某个元素绑定一个事件，bind的方法只能给已经存在的DOM元素绑定事件，对于后面JS中新增加的元素是没有效果的，也即是说Jquer
【jQuery学习总结】on（）、bind（）、live（）的区别
zhongmei121的专栏
07-03 377
语法：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_30273931的博客
03-30 95
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert("ok");}); live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的 $("a").live("click",function(){alert("ok");});...
JQuery中的bind、delegate、on、live方法的区别及简单介绍
学习空间
02-14 3073
Bind()方法： 给元素绑定事件 形式： .bind(eventType[,eventData],handler(eventObject)) eventType,string类型，一个或多个DOM事件的名称，比如：click、submit eventData，Object，将会传递给handler函数的数据，也就是eventObject的data属性中，如果要调用那么使用eventOb
jQuery中bind(),live(),delegate
最新发布
10-30
今天我们将深入探讨jQuery中的事件绑定方法，包括`bind()`, `live()`, `delegate()`，以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件，特别是对于动态生成的元素。 1. **bind()*...
jQuery中bind,live,delegate与one方法的用法及区别解析
10-26
在jQuery库中，有四种主要的方法用于绑定事件处理程序：`.bind()`, `.live()`, `.delegate()`, 和 `.one()`。这些方法各有特点，适用于不同的场景，下面我们将逐一深入探讨它们的用法和区别。 1. **.bind() 方法** ...
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
10-22
- `on()` 是 jQuery 1.7 引入的统一事件绑定接口，替代了 `bind()`、`live()` 和 `delegate()`。 - 语法：`$(selector).on(events, selector, data, handler)` - `events`：必需，逗号分隔的事件名。 - `...
jQuery的事件委托方法bind 、live、delegate、on之间有什么区别？
田品吕口的博客
10-15 3036
(1)、bind 【jQuery 1.3之前】 定义和用法：主要用于给选择到的元素上绑定特定事件类型的监听函数； 语法：bind(type,[data],function(eventObject))； 特点： (1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。 (2)、当页面加载完的时候，你才可以进行bind()，所以可能产生效率问题。 实例如...
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中的绑定事件_on,bind,live,delegate的区别
jiang7701037的博客
01-23 932
  bind:能够完成基本的绑定事件处理函数的功能，比起click(),mouseover()等的好处是，可以一次绑定多种事件类型 live:有事件委托，把事件处理函数委托给DOM根元素，效率比delegate低，所以很多新版jQuery去掉了live。 delegate:有事件委托，把事件处理函数委托给指定的父级元素，delegate比live的执行效率高 on:涵盖了以上所有的功能。 ...
jQuery的事件委托方法bind 、live、delegate、on之间有什么区别
weixin_42937047的博客
09-06 2564
(1)、bind 【jQuery 1.3之前】 定义和用法：主要用于给选择到的元素上绑定特定事件类型的监听函数； 语法：bind(type,[data],function(eventObject))； 特点： 　　(1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。 　　(2)、当页面加载完的时候，你才可以进行bind()，所以可能产生...
jQuery中的bind(),live(),delegate(),on()有什么区别？
IT修真院：初学者转行到互联网的聚集地
05-11 709
这里是修真院web小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析web知识/技能，本篇分享的是： 【jQuery中的bind(),live(),delegate(),on()有什么区别？ 】 大家好，我是IT修真院武汉分院第10期学员，一枚正直善良的web程序员。 今天给大家分享一下，修真院官网...
jQuery事件：bind、delegate、on的区别
分享技术，共建开放平台
08-18 3886
最近在AngularJS的开发中，遇到一个神奇的事情：我们用到livebox来预览评论列表中的图片， 然而评论列表是由Angular Resource动态载入的。不可思议的是，点击这些动态载入的图片仍然会触发lightbox的图片预览。 难道lightbox使用先进的MutationObserver技术监听了DOM的变化？观察lightbox源码才发现，原来只是jQuery的.on()方法：
jQuery中on()、delegate()、live()、bind()的区别
Tansum
05-11 234
自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。 live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。 on() on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。 如需移除事...
关于jquery的事件委托-bind，live，delegate，on的区别
qq_42164670的博客
10-27 1911
（1）bind()方法（只能给已存在的元素绑定事件） .bind( eventType [, eventData ], handler(eventObject) ) eventType 类型: String 一个包含一个或多个DOM事件类型的字符串，比如"click"或"submit,"或自定义事件的名称。 eventData 类型: Object 一个对象，它包...
浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 [转载]
weixin_34380948的博客
05-08 125
前言 　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。 bind() 简要描述 　　bind()向匹配元素添加一个或多个事件处理器。 使用方式 　　$(selector)...
jquery中的bind(),live(),delegate(),on()绑定事件方式
心暖未晴
05-18 1263
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(), live(), delegate(), on()详解与比较
在jQuery库中，bind(), live(), delegate(), 和 on() 是四种常用的用于处理DOM元素事件的方法。这些方法在动态网页开发中起着关键作用，特别是在处理用户交互和响应元素状态变化时。本文将对这些方法进行详细的实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值