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让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
JavaScript移除数组内重复元素的方法
Mar 18 Javascript
JavaScript中string对象
Jun 12 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
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
长波有什么东西
2021/03/01 无线电
PHP计数器的实现代码
2013/06/08 PHP
php实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
Jquery 实现checkbox全选方法
2015/01/28 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
Python set集合类型操作总结
2014/11/07 Python
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
Python进程间通信用法实例
2015/06/04 Python
详解Django中Request对象的相关用法
2015/07/17 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
解决Python 异常TypeError: cannot concatenate 'str' and 'int' objects
2020/04/08 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
Html5 实现微信分享及自定义内容的流程
2019/08/20 HTML / CSS
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
文科教师毕业的自我评价
2014/01/16 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
春风行动实施方案
2014/03/28 职场文书
升职演讲稿范文
2014/05/23 职场文书
党员对照检查剖析材料
2014/10/13 职场文书
情人节单身感言
2015/08/03 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL