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 相关文章推荐
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
jquery操作select元素和option的实例代码
Feb 03 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
AJAX XMLHttpRequest对象创建使用详解
Aug 20 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 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
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
java、javascript实现附件下载示例
2014/08/14 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
用Python实现换行符转换的脚本的教程
2015/04/16 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python的argparse库使用详解
2018/10/09 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
如何验证python安装成功
2020/07/06 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
温泉秘密:Onsen Secret
2020/07/06 全球购物
会计专业毕业生自我评价
2013/09/25 职场文书
统计员岗位职责
2013/11/14 职场文书
正规的求职信范文分享
2013/12/11 职场文书
财务工作者先进事迹材料
2014/01/17 职场文书
玲玲的画教学反思
2014/02/04 职场文书
保险内勤岗位职责
2014/04/05 职场文书
质量整改通知单
2015/04/21 职场文书
2015军训通讯稿大全
2015/07/18 职场文书
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers