jQuery中bind,live,delegate与one方法的用法及区别解析


Posted in Javascript onDecember 30, 2013

bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。

.bind(eventType[, evnetData], Handler(eventObject))

其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Map类型,给出要传递给事件处理程序的数据,handler指定触发该事件时要执行的函数,eventObject表示事件对象。

.bind()方法将事件处理程序handler附加到匹配元素集合中的每个元素的eventType事件上,如果需要,还可以向事件处理程序传递数据。

live( )方法将一个事件处理程序附加到与当前选择器匹配的所有元素(包含现有的或将来添加的)的指定事件上并返回jQuery对象。

.live(eventType,[eventData],handler)

其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,keydown或自定义事件的名称,eventData是可选参数,为Map类型,给出要传递给事件处理程序的数据,该参数是在jQuery1.4中添加的;handler是一个函数,当触发该事件时将执行这些函数

.live()方法将事件处理程序handler附加到每个匹配元素(包含当前存在的和将来添加的)的eventType事件上,必要时还可以使用参加eventData向事件处理程序传递数据。

.live()方法是基本的.bind()方法的一个变形,后者可以将事件处理程序附加到元素·,当调用.bind()时,jQuery对象匹配的元素将被附加上事件处理程序,但以后添加的元素并不会被附加该事件处理程序,因此,还需要对这些元素再次调用.bind()方法。

.one()方法将事件处理程序附加到匹配元素的指定事件并返回jQuery对象。所附加的事件处理程序最多只能执行一次。

.one(eventType,[eventData],handler(eventObject))

其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Map类型,给出要传递给事件处理程序的数据,handler指定触发该事件时要执行的函数,eventObject表示事件对象。

.one()方法与.bind()类似,所不同的是,使用.one()绑定的事件处理程序在执行一次之后将自动取消绑定。

.delegate()方法基于一组特定的根元素将处理程序附加到匹配选择器的所有元素(现有的或将来的)的一个或多个事件上。

.delegate(selector,eventType[,eventData],handler)

其中,参数 selector是一个选择器,用于筛选触发事件的元素;eventType是一个字符串,指定一个或多个JavaScript事件类型(多个事件用空格分隔),例如click,keydown或自定义事件名称;eventData为映射类型,表示要传递给事件处理程序的数据;handler表示触发该事件时执行的函数。

.delegate()与.live()类似,可将每个事件的绑定委托给指定的DOM元素。

Javascript 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
javascript 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
firebug的一个有趣现象介绍
Nov 30 Javascript
jQuery读取和设定KindEditor值的方法
Nov 22 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
小程序自定义日历效果
Dec 29 Javascript
vue-model实现简易计算器
Aug 17 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 #Javascript
jQuery中.live()方法的用法深入解析
Dec 30 #Javascript
Javasipt:操作radio标签详解
Dec 30 #Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 #Javascript
jquery获得keycode的示例代码
Dec 30 #Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 #Javascript
JS对象转换为Jquery对象实现代码
Dec 29 #Javascript
You might like
php中函数前加&符号的作用分解
2014/07/08 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
悄悄用脚本检查你访问过哪些网站的代码
2010/12/04 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
详解Node.js串行化流程控制
2017/05/04 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
python正则表达式之对号入座篇
2018/07/24 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
python实现代码统计程序
2019/09/19 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
档案接收函范文
2014/01/10 职场文书
英语专业职业生涯规划范文
2014/03/05 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
寄语学生的话
2014/04/10 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
计划生育目标责任书
2015/05/09 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle
Elasticsearch 数据类型及管理
2022/04/19 Python