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 相关文章推荐
jquery $.ajax入门应用一
Nov 19 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
vue实现的封装全局filter并统一管理操作示例
Feb 02 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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
PHP中的串行化变量和序列化对象
2006/09/05 PHP
十天学会php之第三天
2006/10/09 PHP
文章推荐系统(三)
2006/10/09 PHP
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
php中取得文件的后缀名?
2012/02/20 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
utf8的编码算法 转载
2006/12/27 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
2016/12/24 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
Python赋值语句后逗号的作用分析
2015/06/08 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
详解python读取和输出到txt
2019/03/29 Python
使用python接入微信聊天机器人
2020/03/31 Python
基于Django实现日志记录报错信息
2019/12/17 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
python 下载文件的几种方法汇总
2021/01/06 Python
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
服装机修工岗位职责
2013/12/26 职场文书
婚庆司仪主持词
2014/03/15 职场文书
春节联欢晚会主持词
2014/03/24 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
中学教师师德承诺书
2014/05/23 职场文书
教师党的群众路线对照检查材料
2014/09/24 职场文书
2014年统战工作总结
2014/12/09 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python