live和on的区别

最新推荐文章于 2020-07-17 10:29:46 发布
最新推荐文章于 2020-07-17 10:29:46 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linshichen/article/details/52239566
版权

今天遇到jquery live方法。我在想和on方法有什么不同呢？

live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

我的理解是on一般用在不是动态生成的html控件上面，而live方法用在动态生成的按钮上面。

IT男青年
关注
专栏目录
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
10-19
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
jquery中live()方法和bind()方法区别分析
10-22
在 jQuery 1.7 之后，引入了 `on()` 和 `off()` 方法，这两个方法可以替代 `live()`、`bind()` 和 `delegate()` 方法，并且提供了更多的灵活性和强大的事件委托能力。例如，`$(document).on('click', '.selector', ...
转：jquery的live和on
dianai7709的博客
11-30 150
参考1，参考2 给元素绑定事件，本人用的jquery版本大多为1.7和1.8的，所以一直习惯于用live(),但是最近朋友突然问我，怎么给新生成的dom元素绑定事件，我随口回答live()，结果他给我说不行，他用的2.1.1的jquery版本。 我突然想起之前看过on()的用法，就是替代live()的，但是用的少，记不清了，今天再记一记，以后尽量用on()~ 代码示例： ...
jquery中的live和on方法
xuexiaodong2009的专栏
12-15 3457
jQuery 1.10之前的版本有一个.live()方法，这个方法和bind的重要区别就是.live()方法可以对以后再添加进来的有效 例如如下的HTML： Hello 使用bind方法： $(document).ready(function () { $('span').bind('click',function() { alert(
jquery中 live on bind delegate 的区别
weixin_41864883的博客
03-19 410
1、.bind()是直接绑定在元素上，也很好的解决了浏览器在事件处理中的兼容问题。如果不人为的设置stopPropagation(Moder Browser), cancelBubble(IE)，那么它的所有父元素，祖宗元素都会受之影响$('a').bind('click', function() { alert("That tickles!") });当我们在a 上面点击的时候，首先会触发它本身...
【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,使用on代替delegate,live 写法区别
热门推荐
itchiang的专栏
03-20 1万+
早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的.  由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delegate了. live,delegate在新版本中都还可以用. 它们在写法上有差别,一段时间不写容易混,写下来备忘. 如点击div里的任意一个button时增加一个新button： 页面
jQuery的三种bind/One/Live/On事件绑定使用方法
10-20
然而，随着jQuery的发展，为了提供更高效和灵活的事件处理，出现了`one()`、`live()`以及后来的`on()`方法。 1. `bind()` `bind()`是jQuery中最早用于绑定事件的方法，它可以将一个或多个事件处理函数附加到指定...
jQuery绑定事件方法及区别(bind,click,on,live,one)
10-19
此外，`bind()`、`live()`和`delegate()`在某些早期版本的jQuery中不支持动态创建元素的事件绑定，而`on()`方法解决了这个问题。 了解了这些方法的使用和区别，可以帮助开发者在处理不同情况下的事件绑定时做出更...
Live On Twitch-crx插件
03-09
Live On Twitch旨在提供简单，直接和优美的体验。 更新：19年7月13日，我在上次更新中包含了“标签”权限，该更新在chrome上显示为“请求对浏览器历史记录的访问权限”。 这些权限是不需要的，未使用，并且已在此...
js给动态生成元素绑定事件之事件委托方法on、live、delegate
culous的博客
12-10 593
js给动态生成元素绑定事件之事件委托方法on、live、delegate 什么是事件委托？ 事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。 事件委托的好处： 提高JavaScript性能。事件委托可以显著的提高事件的处理速度，减少内存的占用。 应用场景： js动态生成的dom元素，无法直接操作，需要使用事件委托绑定方法。 几种事件绑定方法on、live、delegate、...
jQuery中事件方法live()与on()
A_9888的博客
07-17 382
项目笔记: // 由于绑定的.xy是还没有添加进DOM的元素的 可以通过两个方法实现 ： //-方案一.通过on()事件委托方法，给没有DOM元素添加事件委托 就只能先找到父级，然后委托子元素进行事件传递 // demo=>(′.moviebox′).on(′click′,′.xy′,function())//在jQuery1.8版本及其以下的老版本提供了一个.live的方法。//事件委托//.live()方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可
jQuery中 live()函数 VS on()函数
影梦的博客
09-26 653
在jQuery的低级版本当中，是支持live()的，用来绑定未来的（动态加载）元素 $(".editBtn").live("click",function () { alert("Zero"); }); 在jQuery的高级版本当中，是不支持live()的，但是可以通过on()函数来绑定未来的（动态加载）元素on()函数有三个参数。第一个：绑定事件名称；第二个：要绑定的对象（可以通过选...
jquery 点击live和on用法
php菜鸟技术天地
08-25 2277
live已经停用,只能用ON $("#product_order_user").live("click",function(){ 正确方式 $("#product_order_user").on("click",function(){
on(), live(), bind()的用法与区别
笨笨鸟吃柠檬的专栏
07-12 1113
$("").bind(event,data,function) $("").live(event,data,function)//jquery1.9版本以下支持，jquery1.9及其以上版本删除了此方法，jquery1.9以上版本用on()方法来代替 $("").on(event,childselector,data,function)//jquery1.7及其以上版本；jquery1.7版本出
jQuery的事件委托方法on、live、delegate之间有什么区别？
xuxu_qkz的博客
10-25 9237
jQuery的事件委托方法on、live、delegate之间有什么区别？ 首先什么是事件委派？ 事件委派（委托）： 事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。当页面同步加载时，会添加事件。有时数据是由异步加载，同步无法给不存在（刚开始）的元素添加事件。此时我们可以在一开始就存在的**父元素**上添加事件，再通过父元素在触发时找子元素。
jQuery的三种bind()、on()、live()事件的对比和使用
qq_25254551的博客
12-31 935
官方在1.7就已经取消使用live()方法了，所以建议使用on()方法。 温馨提醒一下：参数里面被[]包里来的都是可选参数 1、bind(type,[data],fn(eventObject)) 为每个匹配元素的特定事件绑定事件处理函数 type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。比如"click"或"submit"，还可以是自定义事件名。这类类型可以包括如下：blur,
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、付费专栏及课程。

余额充值