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 相关文章推荐
jquery实现图片裁剪思路及实现
Aug 16 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
bootstrap实现图片自动轮播
Dec 21 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
layui使用数据表格实现购物车功能
Jul 26 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 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 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
js实现抽奖效果
2017/03/27 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
JSON 数据格式详解
2017/09/13 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
Python算法之栈(stack)的实现
2014/08/18 Python
python进程类subprocess的一些操作方法例子
2014/11/22 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
python如何实现代码检查
2019/06/28 Python
python使用ctypes库调用DLL动态链接库
2020/10/22 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
python如何调用php文件中的函数详解
2020/12/29 Python
如何用python写个模板引擎
2021/01/14 Python
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
护理学专业推荐信
2013/12/03 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS