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的图片幻灯展示源码
Jul 15 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
Javascript6中字符串的四个新用法分享
Sep 11 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
深入理解JavaScript中的预解析
Jan 04 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 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面向对象全攻略 (七) 继承性
2009/09/30 PHP
zend api扩展的php对象的autoload工具
2011/04/18 PHP
PHP用strstr()函数阻止垃圾评论(通过判断a标记)
2013/09/28 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
看了就知道什么是JSON
2007/12/09 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
javascript调试说明
2010/06/07 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
快速了解Python相对导入
2018/01/12 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
简单的Python人脸识别系统
2020/07/14 Python
python自动化办公操作PPT的实现
2021/02/05 Python
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
11月升旗仪式讲话稿
2014/02/15 职场文书
经济管理自荐书
2014/06/09 职场文书
学雷锋日活动总结
2015/02/06 职场文书
年度考核表个人总结
2015/03/06 职场文书
python 如何将两个实数矩阵合并为一个复数矩阵
2021/05/19 Python
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技