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 相关文章推荐
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
微信小程序实现轮播图效果
Sep 07 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
在Vue中使用antv的示例代码
Jun 29 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里的JS打印函数
2006/10/09 PHP
PHP 变量类型的强制转换
2009/10/23 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
Joomla数据库操作之JFactory::getDBO用法
2016/05/05 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
js url传值中文乱码之解决之道
2009/11/20 Javascript
javascript &&和||运算法的另类使用技巧
2009/11/28 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
详解python3中zipfile模块用法
2018/06/18 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
pycharm永久激活超详细教程
2020/10/29 Python
python 实现波浪滤镜特效
2020/12/02 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
求职简历中的自我评价分享
2013/12/08 职场文书
计算机相关的自我评价
2014/01/15 职场文书
竞聘上岗演讲
2014/05/19 职场文书
追讨欠款律师函
2015/06/24 职场文书
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js