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 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
Dec 26 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
微信小程序 Storage更新详解
Jul 16 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
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
php使用mysqli向数据库添加数据的方法
2015/03/20 PHP
php中文验证码实现方法
2015/06/18 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
jQuery实现鼠标划过修改样式的方法
2015/04/14 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
layui-select动态选中值的例子
2019/09/23 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
python创建和使用字典实例详解
2013/11/01 Python
Python实现的石头剪子布代码分享
2014/08/22 Python
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
Python实现CET查分的方法
2015/03/10 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
Django重设Admin密码过程解析
2020/02/10 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
婚纱摄影师求职信
2014/03/07 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
教师创先争优承诺书
2015/04/27 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
python glom模块的使用简介
2021/04/13 Python