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 相关文章推荐
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
深入理解JavaScript内置函数
Jun 03 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
jQuery 生成svg矢量二维码
Aug 09 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
html5+canvas实现支持触屏的签名插件教程
May 08 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
php 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
JS时间戳与日期格式互相转换的简单方法示例
2021/01/30 Javascript
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
python常规方法实现数组的全排列
2015/03/17 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
使用Scrapy爬取动态数据
2018/10/21 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
屈臣氏泰国官网:Watsons TH
2021/02/23 全球购物
Internet体系结构
2014/12/21 面试题
商务日语专业毕业生求职信
2013/10/26 职场文书
网络工程专业毕业生推荐信
2013/10/28 职场文书
2013的个人自我评价
2013/12/26 职场文书
安全生产投入制度
2014/01/29 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
MySQL事务的隔离级别详情
2022/07/15 MySQL