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 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
jquery 实现返回顶部功能
Nov 17 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
Nov 30 Javascript
vue项目引入字体.ttf的方法
Sep 28 Javascript
javascript实现日历效果
Jun 17 Javascript
JS桶排序的简单理解与实现方法示例
Nov 25 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 Javascript
vue总线机制(bus)知识点详解
May 10 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 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 XML数据解析代码
2010/05/26 PHP
深入PHP内存相关的功能特性详解
2013/06/08 PHP
php利用header函数下载各种文件
2016/08/24 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
基于jquery的cookie的用法
2011/01/10 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2013/11/14 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
python中偏函数partial用法实例分析
2015/07/08 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
python的命名规则知识点总结
2019/10/04 Python
Python实现平行坐标图的绘制(plotly)方式
2019/11/22 Python
解决keras GAN训练是loss不发生变化,accuracy一直为0.5的问题
2020/07/02 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
销售高级职员求职信
2013/10/29 职场文书
智能电子应届生求职信
2013/11/10 职场文书
银行求职推荐信范文
2013/11/30 职场文书
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
装修五一活动策划案
2014/01/23 职场文书
经理任命书模板
2014/06/06 职场文书
汽车维修求职信
2014/06/15 职场文书
成绩报告单家长评语
2014/12/30 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS