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 复制数组实现代码
Nov 26 Javascript
密码框显示提示文字jquery示例
Aug 29 Javascript
JavaScript手风琴页面制作
May 17 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
深入解析vue 源码目录及构建过程分析
Apr 24 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
React Native项目框架搭建的一些心得体会
May 28 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
生成缩略图
2006/10/09 PHP
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
PHP的变量类型和作用域详解
2014/03/12 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
php探针不显示内存解决方法
2019/09/17 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
python将人民币转换大写的脚本代码
2013/02/10 Python
python实现Floyd算法
2018/01/03 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
python字符串循环左移
2019/03/08 Python
python pandas生成时间列表
2019/06/29 Python
python二维键值数组生成转json的例子
2019/12/06 Python
Python换行与不换行的输出实例
2020/02/19 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
2014年学习雷锋活动总结
2014/03/01 职场文书
生活小常识广播稿
2014/09/16 职场文书
公司宣传语大全
2015/07/13 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
vue实现简单数据双向绑定
2021/04/28 Vue.js
python开发飞机大战游戏
2021/07/15 Python
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL