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 相关文章推荐
JavaScript 学习笔记之语句
Jan 14 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
原生JavaScript实现换肤
Feb 19 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
在线短消息收发的程序,不用数据库
2006/10/09 PHP
PHP反射机制用法实例
2014/08/28 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
javascript 实用的文字链提示框效果
2010/06/30 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
基于DOM节点删除之empty和remove的区别(详解)
2017/09/11 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
jQuery实现购物车全功能
2021/01/11 jQuery
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
python追加元素到列表的方法
2015/07/28 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
python中np是做什么的
2020/07/21 Python
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
祖国在我心中演讲稿600字
2014/05/04 职场文书
说明书范文
2014/05/07 职场文书
校运会口号
2014/06/18 职场文书
详解python网络进程
2021/06/15 Python