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 相关文章推荐
用jQuery中的ajax分页实现代码
Sep 20 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
Javascript中this的用法详解
Sep 22 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
浅谈pc端rem字体设置的问题
Aug 03 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
详解关于React-Router4.0跳转不置顶解决方案
May 10 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 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的可变变量名需要的注意的问题
2013/06/20 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
php实现爬取和分析知乎用户数据
2016/01/26 PHP
php提交表单时保留多个空格及换行的文本样式的方法
2017/06/20 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
js异常捕获方法介绍
2013/04/10 Javascript
跟我学习javascript的最新标准ES6
2015/11/20 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
Angular中响应式表单的三种更新值方法详析
2017/08/22 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
python实现linux下抓包并存库功能
2018/07/18 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
贝嫂喜欢的婴儿品牌,个性化的婴儿礼物:My 1st Years
2017/11/19 全球购物
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
美国智能家居专家:tink
2019/06/04 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
中学生团员自我评价分享
2013/12/07 职场文书
写给保洁员表扬信
2014/01/08 职场文书
团结演讲稿范文
2014/05/23 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
考研英语辞职信
2015/05/13 职场文书
爱的教育读书笔记
2015/06/26 职场文书