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


Posted in Javascript onOctober 26, 2016

我蛋疼了快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移除了live()、die(),新版事件绑定on()、off()的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
图标线性回归斜着移动到指定的位置
Aug 16 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
Koa代理Http请求的示例代码
Oct 10 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 Javascript
jquery延迟对象解析
Oct 26 #Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 #Javascript
JavaScript实现的微信二维码图片生成器的示例
Oct 26 #Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 #Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 #Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 #Javascript
简单的js计算器实现
Oct 26 #Javascript
You might like
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
让浏览器DOM元素最后加载的js方法
2014/07/29 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
js获取指定时间的前几秒
2017/04/05 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
2017/07/12 Javascript
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
JS如何生成动态列表
2020/09/22 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Python随机函数random()使用方法小结
2018/04/29 Python
详解flask入门模板引擎
2018/07/18 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
期终自我鉴定
2014/02/17 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
小学音乐课教学反思
2016/02/18 职场文书
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python