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 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
浅析JS运动
Dec 28 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 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
第七节 类的静态成员 [7]
2006/10/09 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
vue.js 上传图片实例代码
2017/06/22 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
js实现随机点名小功能
2017/08/17 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
汽车专业毕业生推荐信
2013/11/12 职场文书
汽车专业学生自我评价
2014/01/19 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
八项规定整改方案
2014/10/01 职场文书
2014年维稳工作总结
2014/11/18 职场文书
个人工作表现自我评价
2015/03/06 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby