jquery移除了live()、die(),新版事件绑定on()、off()的方法

更新时间：2016年10月26日 10:41:40 投稿：jingxian

下面小编就为大家带来一篇jquery移除了live()、die(),新版事件绑定on()、off()的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

我蛋疼了快10分钟，怎么调用都是报错，最后一查，原来jquery已经移除了live()和die()方法。使用了新的事件绑定方法on()、解除绑定方法off().

新的绑定方法on()和比live()相比，效率比之前的高。因为live()是固定在document节点上的。如果绑定的元素嵌套在很深的层中，那么事件一级级的传递必将影响到效率。而on()是绑定在$()选择的元素上，嵌套深度可自由选择。

on()的参数 on( events [, selector ] [, data ], handler(eventObject) )

第二个参数可选，可以指定一个绑定的元素，例如:

$(".box").die().on('click','button',function(){});

这样，就绑定到了.box元素中的button元素上了

可以同时绑定多个事件：

$(".demonstrate").on("mouseover mouseout","ul li",function(e){
if(e.type=="mouseover"){
$(this).addClass("over");
}else{
$(this).removeClass("over");
}
  })

on()也可以接收一个对象参数，该对象的属性是事件类型，属性值为事件处理函数：

以上就是小编为大家带来的jquery移除了live()、die(),新版事件绑定on()、off()的方法全部内容了，希望大家多多支持脚本之家~

您可能感兴趣的文章:

jQuery+PHP星级评分实现方法
很多网站都应用了星级评分效果，让用户可以对正在浏览的文章、电影、资源等进行评分，让网站增添了几分互动效果。本文将讲解如何使用jQuery和PHP来实现星级评分效果。
2015-10-10
Jquery动态列功能完整实例
这篇文章主要介绍了Jquery动态列功能,结合完整实例形式详细分析了jQuery基于事件响应及页面元素动态属性操作实现的动态列显示功能相关操作技巧,需要的朋友可以参考下
2019-08-08
JQuery 将元素显示在屏幕的中央的代码
在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用Javascript因为浏览器实现的差异，实现起来非常麻烦。但是JQuery可以很简单实现的搞定这一切。
2010-02-02
详解jquery选择器的原理
这篇文章主要介绍了详解jquery选择器的原理的相关资料,就是jquery原型里面有一个init初始化的方法，将传入的值进行解析，比如传入的id还是class还是标签名，需要的朋友可以参考下
2017-08-08
jQuery/CSS3图片特效插件整理推荐
这里给大家整理汇总了10款jQuery/CSS3图片特效插件，效果都非常棒，推荐给大家，有需要的小伙伴参考下
2014-12-12
jQuery删除/清空指定元素的所有子节点实例代码
这篇文章主要给大家介绍了关于jQuery删除/清空指定元素的所有子节点，文中通过示例代码介绍的非常详细，对大家学习或者使用jQuery具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-07-07
jQuery ajax serialize()方法的使用以及常见问题解决
使用ajax时，常常需要拼装input数据为'name=abc&sex=1'这种形式，用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax - serialize() 方法定义和用法，感兴趣的朋友可以了解下啊，希望本文对你有所帮助
2013-01-01
jquery追加元素的所有方法全面深入实例讲解（append、prepend、after、before、wrap等等）
几乎所有网站的开发都离不开jQuery，jQuery可以很方便的实现网页中的一些效果，也很轻松的对网页中的一些DIV元素进行添加，修改或删除的操作。由于不同位置追加元素的代码不一样，本文实例讲解如何对网页中某个指定的DIV进行元素的追加操作。
2023-03-03
jquery对象和DOM对象的相互转换详解
这篇文章主要介绍了jquery对象和DOM对象的相互转换详解的相关资料,需要的朋友可以参考下
2016-10-10
jValidate 基于jQuery的表单验证插件
网上基于jQuery的表单验证插件已有很多，但是这个轮子我还是继续做一个，因为这个表单验证插件是从我以前的个人JS框架移值过来的（我已慢慢投入jQuery的怀抱），并且它的验证规则书写方式也许会让你眼前一亮。
2009-12-12