jquery on代替live

最新推荐文章于 2017-12-13 11:50:41 发布
原创 最新推荐文章于 2017-12-13 11:50:41 发布 · 671 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #jquery

本文探讨了在jQuery中使用.on()和$(document).on()替代.live()来处理元素点击事件的方法，解释了两者之间的区别及为何后者更推荐使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$(".class").live("click",function(){

});

=========>$(document).on("click",".class",function(){});


$(".class").on("click",function(){

}); 不好用。得按照以上的方法才可以
jQuery中绑定事件bind() on() live() one()的异同
10-20
不过，从 jQuery 1.7 开始，开发者被鼓励使用新的方法来代替 delegate() 和 live()，即 on() 方法。 on() 方法是 jQuery 1.7 之后推荐的事件绑定方式，它替代了 bind()、live() 和 delegate() 方法。on() 方法同样...
JQuery live函数
10-28
此外，`jQuery` 从1.7版本开始推荐使用 `on()` 函数来代替 `live()`，因为 `on()` 更加灵活且高效。 `jQuery on()` 函数可以实现同样的事件委托，但更可控： ```javascript $('body').on('click', '.clickme', ...
jquery live() 替换 方法
七里枫香的专栏
02-26 2115
在新版的jquery中，live()方法已经被删除了，，所以我们在调用的时候会提示该函数不存在，js报错。 解决方法是使用on()函数替换， 原来的写法是： 如果直接替换为on()方法，那么新生成的元素再次点击事件的时候不会有任何效果，新的语法是： 这里涉及到一个问题，$("body")这里为什么是body，其实我们可以选择其他的距离#company_logo更
jquery live方法替代
序猿
09-21 1500
jquery在1.7版本以后，就不能使用live方法了。目前替代方法是统一使用on 原来的方法 $("#mytest").live(''click',function(){ //todo }); jquery 1.7以后使用的方法 $(document).on('click','#mytest',function(){ //todo }); 下面是官网给的例子 $( "a.
jquery1.9 on（）方法替代live（）方法，用于给后来进入DOM中的html元素加处理事件。
xue15024702174的博客
08-20 1662
项目中经常会遇到需要从数据库动态获取数据，用js拼接Html元素来展示数据，此时会发现普通的事件不管用了，这就用到了jquery的$.live()事件，1.7版本以上已经用$.on()代替live(); // 这里的选择器selector用于指定可以触发事件的元素 // 这里的选择器ancestor应是selector的祖辈元素，selector触发的事件可以被其祖辈元素在事件流中捕
jQuery 1.7以后版本使用on代替live
热门推荐
Pipi0714的专栏
09-06 1万+
对于动态创建的标签，假如映射事件。在1.7版本以前使用live。1.8版本推荐使用on。 使用方法如下 1.7版以前的 $("#ajaxTable tbody tr").live("click",function(){ }); 假如想当然的简单替换 $("#ajaxTable tbody tr").on("click",function(){ }); 呵呵不好用。得按照以下的
jQuery,使用on代替delegate,live 写法区别
u014230987的专栏
10-04 1374
早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的.  由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delegate了. live,delegate在新版本中都还可以用. 它们在写法上有差别,一段时间不写容易混,写下来备忘. 如点击div里的任意一个button时增加一个新button： 页面：
jquery的live使用注意事项
10-26
更好的解决方案可能是确保在页面重新渲染后，适当地重新绑定事件处理器，或者使用 .on() 方法来代替已经废弃的 live 方法进行事件委托。 综上所述，当在使用 jQuery 处理事件时，尤其是涉及到动态添加的元素和页面...
jquery绑定事件 bind和on的用法与区别分析
11-20
而 `on` 是从 jQuery 1.7 版本开始引入的，用来替代 `bind`、`live` 和 `delegate` 等事件处理方法。`on` 更加灵活，支持更多的功能，如事件委托。`on` 的基本语法如下： ```javascript $(selector).on(event, ...
jQuery的.live()和.die() 使用介绍
10-28
`.live()` 和 `.die()` 是 jQuery 中用于事件处理的两个非常有用的方法，它们主要用于动态创建的元素或在页面加载后需要绑定和解绑事件...推荐使用 `.on()` 和 `.off()` 来代替，以获得更好的性能和更灵活的事件管理。
jQuery1.9+中删除了live以后的替代方法
u012720539的专栏
07-21 1022
根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。 　　on方法可以接受三个参数：事件名、触发选择器、事件函数。      需要特别注意的是：on方法中间的这个触发选择器就是你将要添加的HTML元素的类名、id或者元素名，使用它就可以实现live的效果。      例如我的html文档中已经有了一个id
jquery绑定click等事件无效解决方法live替代$().click不执行
YLXD_class的博客
12-13 3909
使用$(xxx).click();绑定了ajax请求后追加的html代码中的某个元素时。出现事件失效的情况，这是因为绑定事件代码在元素出现之前就已经执行
jQuery中live()方法及1.9+后去除live()后的替代
09-13 5107
定义和用法 live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。 $(selector).live(event,data,function) jQuery1.9之前的版本我们可以这样写： $("a").
关于新版jquery用on（）方法代替live方法的正确使用方式
风过留痕
06-26 5784
今天做项目用的是jquery.1-11.js的版本，打开浏览器后报错，
js中的<!-- -->有什么作用
zsyj333的专栏
06-09 1709
在html起到注释的作用，同理   一些早期的浏览器不支持标签，会把之间的代码按HTML文本进行显示。 为了避免这种情况的发生，直接把script代码写到注释里面。 不过现在的浏览器基本都支持js，这种写法只是历史的遗留了。
js点击事件链接的问题
zsyj333的专栏
04-24 1023
关于弹窗的链接的问题 1:超链接a onclick 弹窗之后如何让超链接a失效 //js解决 function arts(sourceobj){ var url = $(sourceobj).attr("href"); art.dialog.open(url, {title: 'title',width: 400, height: 300}); return false;
ajax的同步与异步
zsyj333的专栏
07-30 840
---ajax的同步与异步 ---2014-07-30 function testAsync(){ var temp; $.ajax({ async: false, type : "GET", url : 'test.php', complete: function(msg){ alert
js控制css总结
zsyj333的专栏
07-30 753
----js 控制 style ----2014-07-30   document.getElementById("div01").style.height; document.getElementById("div01").style.lineHeight;  document.getElementById("div01").style.backgroundColor;
jQuery全套JS插件免费下载
jQuery还提供了`live()`和`delegate()`方法用于绑定事件处理器到一个未来的元素，以及`on()`和`off()`方法用于绑定和解绑事件。此外，jQuery还提供了`hover()`方法，这是一个特殊的事件处理器，用于模拟`mouseenter`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值