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 相关文章推荐
Ext 今日学习总结
Sep 19 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
js弹出确认是否删除对话框
Mar 27 Javascript
Javascript核心读书有感之语句
Feb 11 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
JavaScript实现滑动门效果
Jan 18 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中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
对于js垃圾回收机制的理解
2017/09/14 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
python 生成目录树及显示文件大小的代码
2009/07/23 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
python openpyxl使用方法详解
2019/07/18 Python
python dataframe NaN处理方式
2019/12/26 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
python如何调用字典的key
2020/05/25 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
Python sorted对list和dict排序
2020/06/09 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
找到不普通的东西:Bonanza
2016/10/20 全球购物
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
Android笔试题总结
2014/11/29 面试题
求职自荐信范文格式
2013/11/29 职场文书
副总经理岗位职责
2014/03/16 职场文书
太行山上观后感
2015/06/05 职场文书
Python 如何安装Selenium
2021/05/06 Python
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫