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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
Javascript 判断客户端浏览器类型代码
Mar 01 Javascript
jQuery数组处理代码详解(含实例演示)
Feb 03 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
JavaScript 判断浏览器是否是IE
Feb 19 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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计算税后工资的方法
2015/07/28 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
数据结构之利用PHP实现二分搜索树
2020/10/25 PHP
javascript tips提示框组件实现代码
2010/11/19 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
jquery ajax双击div可直接修改div中的内容
2016/03/04 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
如何判断出一个js对象是否一个dom对象
2016/11/24 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
python编程开发之日期操作实例分析
2015/11/13 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
浅析Git版本控制器使用
2017/12/10 Python
Python模块WSGI使用详解
2018/02/02 Python
Python常见的pandas用法demo示例
2019/03/16 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
培训主管岗位职责
2014/02/01 职场文书
竞聘演讲稿
2014/04/24 职场文书
医院党员公开承诺书
2014/08/30 职场文书
酒店辞职书范文
2015/02/26 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
实操Python爬取觅知网素材图片示例
2021/11/27 Python
Vue h函数的使用详解
2022/02/18 Vue.js
漫画「狩龙人拉格纳」公开TV动画预告图
2022/03/22 日漫
Python实现对齐打印 format函数的用法
2022/04/28 Python