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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
浅谈JS的原型和继承
May 08 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
基于vue hash模式微信分享#号的解决
Sep 07 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 COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
浅谈COOKIE和SESSION区别
2015/07/19 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
JavaScript立即执行函数的三种不同写法
2014/09/05 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
django中模板的html自动转意方法
2018/05/27 Python
python利用跳板机ssh远程连接redis的方法
2019/02/19 Python
Django实现跨域的2种方法
2019/07/31 Python
django之自定义软删除Model的方法
2019/08/14 Python
Python爬虫:url中带字典列表参数的编码转换方法
2019/08/21 Python
python基于opencv检测程序运行效率
2019/12/28 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
Shein英国:女性时尚网上商店
2019/04/10 全球购物
法国在线药房:DoctiPharma
2020/10/21 全球购物
打架检讨书100字
2014/01/19 职场文书
主管会计岗位责任制
2014/02/10 职场文书
销售提升方案
2014/06/07 职场文书
生物学专业求职信
2014/07/23 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
车辆转让协议书
2014/09/24 职场文书
庆祝国庆节标语
2014/10/09 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
分享Python异步爬取知乎热榜
2022/04/12 Python
Spring Boot 实现 WebSocket
2022/04/30 Java/Android