jquery移除了live()、die(),新版事件绑定on()、off()的方法
投稿: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 事件绑定及取消 bind live delegate on one区别解析
- jquery事件绑定方法介绍
- jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
- jQuery实现的事件绑定功能基本示例
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery 全选 全不选 事件绑定的实现代码
- jQuery事件绑定方法学习总结(推荐)
- 关于Jquery中的事件绑定总结
- jquery事件绑定解绑机制源码解析
- jQuery事件绑定用法详解
- 深入理解jQuery事件绑定
- jQuery事件绑定on()与弹窗实现代码
- jQuery事件绑定用法详解(附bind和live的区别)
- jQuery实现按钮只点击一次后就取消点击事件绑定的方法
- JQuery中DOM事件绑定用法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定与解除绑定实现方法
- jquery中click等事件绑定及移除的几种方法小结