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中 用户登录系统的解决办法
Apr 15 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
Nov 22 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
JS同步、异步、延迟加载的方法
May 05 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 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 运行效率总结(提示程序速度)
2009/11/26 PHP
openPNE常用方法分享
2011/11/29 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
2011/02/23 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
[01:03:36]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第二场 1月26日
2021/03/11 DOTA
python实现保存网页到本地示例
2014/03/16 Python
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
详解Python自建logging模块
2018/01/29 Python
基于Python实现迪杰斯特拉和弗洛伊德算法
2020/05/27 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
会计与审计毕业生自荐信范文
2013/12/30 职场文书
转党组织关系介绍信
2014/01/08 职场文书
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
体育比赛口号
2014/06/09 职场文书
兽医医药专业求职信
2014/07/27 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB