Jquery，1.7+后的版本使用.on()绑定事件，动态绑定事件，绑定未来事件

最新推荐文章于 2022-06-04 10:04:14 发布
最新推荐文章于 2022-06-04 10:04:14 发布
阅读量525 收藏
点赞数
分类专栏： jquery 文章标签： jquery 绑定事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yeyufengdeng/article/details/42032413
版权

Jquery，1.7+后的版本使用.on()绑定事件，动态绑定事件，绑定未来事件

用法 on(events,[selector],[data],fn)

详见jquery在线Api文档http://tool.oschina.net/apidocs/apidoc?api=jquery

动态绑定事件，需要在网页元素加入后对其进行绑定，如果没有成功可能没有执行绑定


夜雨风灯
关注
专栏目录
JQuery中使用on方法绑定hover事件实例
10-25
1. jQuery 1.7版本以后，`on`方法被推荐用来替代之前的`.bind()`、`.live()`和`.delegate()`方法，成为事件绑定的首选方法。 2. `on`方法可以绑定一个事件到多个元素，也可以绑定多个事件到同一个元素。这就使得代码...
jQuery页面元素动态添加后绑定事件丢失方法,非 live
10-22
另外，从jQuery 1.7版本开始，官方推荐使用`.on()`方法进行事件委托，这也可以解决动态添加元素的事件绑定问题。`.on()`方法可以指定一个父元素作为事件监听器，然后将事件委托给目标子元素。如果子元素是动态添加的...
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(){ }); 呵呵不好用。得按照以下的
jq三种实现鼠标事件绑定的方法
nicccccc的专栏
03-19 1501
$(document).ready( function () { $("li").bind("mouseover",function() { $(this).css("color", "red"); } )//bind也可以是on
jq新版事件绑定.on()、解绑事件off()用法详解
热门推荐
Lostlover
08-24 2万+
jquery1.4 及之前的版本，由.click() 或 .bind()方法绑定的事件，不能适用脚本创建的新元素：即是说页面加载完成后，再动态创建的DOM元素并不能响应之前绑定的事件！ 旧版本的处理方法是使用.live()方法来代替事件绑定.bind()，使得绑定的事件能适用脚本创建的新元素。 但自jq1.7版本开始，官方已明文表示不再推荐使用使用.live()方法，官方解释为：liv
实时监听输入框值变化的完美方案：oninput & onpropertychange
Zoe_Wang_ing的专栏
09-09 1045
转自：http://www.jb51.net/article/35964.htm
jQuery1.7系列四: 事件
那个天真的人
03-19 217
           声明：写博客，是对自身知识的一种总结，也是一种分享，但由于作者本人水平有限，难免会有一些地方说得不对，还请大家友善  指出，或致电:tianzhen.chen0509@gmail.com            关注：国内开源jQuery-UI组件库:Operamasks-UI        jQuery版本:v1.7...
jQuery-为动态添加的元素绑定事件即事件委托
double徐
08-02 366
在使用jquery的方式为元素绑定事件时，我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时，显然以上几种绑定事件的方式是无效的，具体写法如下图。 //1、 $(selector).bind(event,data,function) //2、 $(selector).click(function) $(...
JavaScript 学习-40.jQuery 绑定事件 on 和 bind
qq_27371025的博客
06-04 1015
jquery 有四种绑定事件的方式:on, bind, delegate,live。其中 live() 方法已被移除。 自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代。 $(selector).off(type)为元素解除绑定的事件基本语法...
jQuery绑定事件的四种方式：bind、live、delegate、on
酷爱编程的小猿同学
11-19 523
jQuery绑定事件的四种方式：bind、live、delegate、on 1、jQuery操作DOM元素的绑定事件的四种方式 jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。 2、必备的基础知识: DOM树 　　我们的页面可以理解为一棵DOM树，当...
jquery动态添加html事件,JQuery给动态添加的元素绑定事件的方法
weixin_42305163的博客
06-05 629
今天有位墨初VIP主题的使用者，给我反馈了一个主题中的BUG。就是主题的评论滑块在回复的时候，无法滑动(当然这个问题已经修复)，回来经过反复的查找，终于确定了，在评论回复自动创建的DIV元素中，无法绑定JQ事件，也就是说js无法监听到动态创建出来的元素，无法给他们绑定事件。下面就说一说，如何给动态创建的元素添加绑定事件。JQ中live()的方法在JQ1.7版本以前，有个live()方法live()...
jQuery给动态添加的元素绑定事件的方法
12-29
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要...
jQuery中对未来的元素绑定事件用bind、live or on
10-26
从jQuery 1.7版本开始，`on`方法被引入，并且成为了一种更为强大和灵活的事件绑定机制。`on`方法可以绑定事件处理器到当前元素，也可以通过事件委托机制绑定到未来的元素上。其基本用法如下： ```javascript $...
jQuery on()方法绑定动态元素的点击事件实例代码浅析
12-28
之前就一直受这个问题的困扰，在jQuery1.7版本之后添加了on方法，之前就了解过，其优越性高于live(),bind(),delegate()等方法，在此之前项目中想用这个来测试结果发现，居然动态生成的标签点击了没反应，而live方法...
jquery，JavaScript，页面跳转，打开新页面，返回，跳转页面同时传递参数
大树之下
12-19 4808
一.跳转 window.location.href="xx.jsp"; window.navigate("top.jsp"); top.location='xx.jsp'; self.location='xx.jsp'; window.location.assign( "xx.jsp"); 二.返回 window.history.back(-1); window.locat
jquery,定义函数，调用函数function，函数function之间参数传递
大树之下
12-19 1803
一.定义函数function var fn名字=function(){} 如 var abc=function(){  } 二.调用函数function fn名字(); 如 abc(); 三.函数function之间参数传递 //创建function var abc=function(e,msg){ e.html(msg); } //调
Struts2+json实现ajax，bean有外键实体hibernate懒加载导致
大树之下
12-19 1091
序列化 嵌套 循环  java.lang.reflect.InvocationTargetException org.apache.struts2.json.JSONException: org.apache.struts2.json.JSONException   No serializer found for class org.hibernate.proxy.p
jquery创建动作后点击没反应，可能是选取对象不正确
大树之下
12-19 534
jquery创建动作后点击没反应，可能是选取对象不正确， 选取多个class时class之间要加点，如$(".heard.title")
动态添加元素时的jQuery事件绑定修复方法
然而，从jQuery 1.7开始，`.live()`被废弃，推荐使用`.on()`方法替代。 ```javascript // jQuery 1.7 及以下版本 $("#table2").live("click", ".del", function() { $(this).closest("tr").remove(); }); // 或者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值