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的初始化与对象构建之浅析
Apr 12 Javascript
js 页面关闭前的出现提示的实现代码
May 25 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
使用AngularJS对路由进行安全性处理的方法
Jun 18 Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
使用vue实现各类弹出框组件
Jul 03 Javascript
原生javascript如何实现共享onload事件
Jul 03 Javascript
浏览器JavaScript调试功能无法使用解决方案
Sep 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 5.0创建图形的巧妙方法
2010/10/12 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
smarty内置函数section的用法
2015/01/22 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
JS实现的3D拖拽翻页效果代码
2015/10/31 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
Python获取文件所在目录和文件名的方法
2017/01/12 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
Selenium的使用详解
2018/10/19 Python
Python中new方法的详解
2019/01/15 Python
Python列表list操作相关知识小结
2020/01/29 Python
求高于平均分的学生学号及成绩
2016/09/01 面试题
后勤主管岗位职责
2014/03/01 职场文书
珍惜资源的建议书
2014/08/26 职场文书
民事赔偿协议书
2014/11/02 职场文书
募捐感谢信
2015/01/22 职场文书
年度考核表个人总结
2015/03/06 职场文书
2015年女工委工作总结
2015/07/27 职场文书
人民调解协议书
2016/03/21 职场文书
古诗之感恩老师
2019/10/24 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL