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中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
js触发select onchange事件的小技巧
Aug 05 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
jQuery文字轮播特效
Feb 12 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
详解Angular5 服务端渲染实战
Jan 04 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
JavaScript 防篡改对象的用法示例
Apr 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
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
js停止输出代码
2008/07/20 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
Vue脚手架编写试卷页面功能
2020/03/17 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python pass详细介绍及实例代码
2016/11/24 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
解决python 执行shell命令无法获取返回值的问题
2020/12/05 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
婚纱摄影师求职信
2014/03/07 职场文书
2014年党课学习材料
2014/05/11 职场文书
任命书格式
2014/06/05 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
大学生作弊检讨书
2014/09/11 职场文书
爱晚亭导游词
2015/02/09 职场文书
2016十一国庆节感言
2015/12/09 职场文书
送给客户微信问候语!
2019/07/04 职场文书
基于Python实现nc批量转tif格式
2022/08/14 Python