jQuery中 delegate使用的问题

舜岳 2019-04-21

习惯了bind，用惯了live，就不习惯delegate了呀有木有...

支持为动态生成的标签元素绑定事件也许就live和delegate了吧，不过新版本已经不支持live了，只有delegate

delegate真的比较特殊呀，不同于其他事件绑定的风格。

就因为习惯了之前的bind风格..栽了跟头

简单的说就是大意了。

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

语法

$(selector).delegate(childSelector,event,data,function)
参数 描述
childSelector 必需。规定要附加事件处理程序的一个或多个子元素。
event

必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。

比如这段小代码啊

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("div").delegate("button","click",function(){
  $("p").slideToggle();
 });
});
</script>
</head>
<body>
<div style="background-color:red">
<p>这是一个段落。</p>
<button>请点击这里</button>
</div>

</body>
</html>

我老写成了

$(document).ready(function(){
 $("div").delegate($("button"),"click",function(){
  $("p").slideToggle();
 });
});

子选择器不需要选择起来了..

不然就像我那样出现不知名的错误（点击会触发click,但点击其他元素也会触发click...)

以上所述就是本文的全部内容了，希望大家能够喜欢。

舜岳

舜岳

相关推荐

iOS网络请求 添加全局代理 NSURLSessionConfiguration 解决方案

3、思路、解决方案、利用运行时机制针对 NSURLSession 初始化添加代理对所有的网络请求进行拦截处理

好好学习天天 / 0评论 2020-01-13

了解Jquery中bind()、live()和delegate()之间的区别

今天在写一个jquery函数的时候刚好碰到了动态添加的元素无法触发事件的疑问。故了解了一下bind()方法跟live()方法的一些特性，在这里总结一下。首先我们看一下一个简单的HTML中DOM树的结构根据这个DOM树。我们先用bind()函数实现对a标签的

去山中嘘嘘 / 0评论 2014-11-06

jQuery中.bind() .live() .delegate() .on()的区别

live 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的。delegate 指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。2,.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到docu

87443561 / 0评论 2015-03-09

Jquery中的bind(),live(),delegate(),on()的区别（转）

2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以用来代替live()函数，live()函数在1.9版本已经删除；

tinny / 0评论 2016-04-15

iOS开发中的delegate（委托模式）

委托是Cocoa中最简单、最灵活的模式之一。委托是指给一个对象提供机会对另一个对象中的变化做出反应或者影响另一个对象的行为。一个对象非常普通，并且打算在广泛的情形中重用。消息可能只是通知委托发生了某件事情，给委托提供机会执行额外的处理，或者消息可能要求委托

iOS越狱0 / 0评论 2014-07-17

iOS开发基础篇--NSNotificationCenter使用小结

前言最近公司组织两个星期的新人培训，事情安排的满满的，周末都没有。说好的一个星期一更新的博客中断了，让大家久等了，现在培训结束，终于又可以安安静静的做一个程序员了，好开心。。。NSNotification就是IOS提供的一个消息中心，由一个全局的defau

lijiexiaoge / 0评论 2019-06-29

tomcat context.xml文件配置<Loader delegate="true" />

tomcatcontext.xml文件配置<Loaderdelegate="true"/>作用？该loader加载的类为tomcat服务器所独有核心类，tomcat下面的WebApp无法访问。另外对于多个WebApp公用ja

89407119 / 0评论 2013-12-24

Jquery中的bind(),live(),delegate(),on()的区别（转）

2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以用来代替live()函数，live()函数在1.9版本已经删除；

yongqiling / 0评论 2016-04-15

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式（转帖）

因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入

小肖 / 0评论 2016-02-26

jQuery中.bind() .live() .delegate() .on()的区别

live 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的。delegate 指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。2,.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到docu

wustrive00 / 0评论 2015-03-09

了解Jquery中bind()、live()和delegate()之间的区别

今天在写一个jquery函数的时候刚好碰到了动态添加的元素无法触发事件的疑问。故了解了一下bind()方法跟live()方法的一些特性，在这里总结一下。首先我们看一下一个简单的HTML中DOM树的结构根据这个DOM树。我们先用bind()函数实现对a标签的

DreamLee / 0评论 2014-11-06

jQuery方法区别(四)click() bind() live() delegate()区别

click()，bind()，live()都是执行事件时使用的方法，他们之前是有一些区别的，我们在使用这些方法时应该根据需要进行选择。alert;});当点击<a>时，输出hello。在bind()中，jQuery所有JavaScript事件对

88570299 / 0评论 2013-10-23

jQuery的.bind()、.live()和.delegate()之间区别

首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：。当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。&quot;) });因此一个单击操作会

EdwardSiCong / 0评论 2013-10-11

点击页面其它地方隐藏div所想到的jQuery的delegate

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作，而点击页面其它地方隐藏该div。比如很多导航菜单，当菜单展开的时候，就会要求点击页面其它非菜单地方，隐藏该菜单。DOM事件流：DOM2级事件规定事件流包括三个阶段，事件捕获阶段，处于目标阶

83443560 / 0评论 2013-09-06

jQuery的.bind()、.live()和.delegate()之间区别

首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：。当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。") }); 因此一个单击操作会触发a

madanling / 0评论 2013-08-01

jQuery的.bind()、.live()和.delegate()之间的区别

首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：。当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。click事件接着会向树的根方向传播，广播到父元

88463368 / 0评论 2013-05-23

jquery中delegate,bind,live的区别

总体来说，delegate优于bind和live,live优于bind.因为live只支持css选择器，而bind一般在全局范围用，不利于定制。

天虹 / 0评论 2013-05-03

[译] Jquery中 .bind() .live() .delegate() 和 .on() 之间的区别

简介我了解到很多网页开发者对jquery中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。这些疑惑通常是关于它们之间真正的区别是什么啊，什么时候该使用它们啊。在我们深入了解这些方法之前，我们先来一段常见的的H

momode / 0评论 2019-06-21

jQuery Mobile 的.bind()、.live()和.delegate()之间区别

jQuery的.bind()、.live()和.delegate()之间区别来源: 译言网发布时间: 2011-03-20 14:24阅读: 5964 次推荐: 8原文链接[收藏]摘要：jQuery的.bind()、.live()和.delegate()之

scjcjlu / 0评论 2013-03-25

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

前言　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，

80437916 / 0评论 2019-06-21

jQuery的.bind()、.live()和.delegate()之间区别--以及Jsonp

自动化测试工具：

publicTIM / 0评论 2013-01-23

Jquery几种方法说明

常用方法，用来绑定click事件。为元素的某个事件绑定处理方法，实际上click就是bind的一种特例，对应的是bind. 为符合的所有元素绑定方法，与2的不同是该方法还支持动态添加的dom元素。live方法不支持链式调用，如$("p"

88570299 / 0评论 2012-04-20

jQuery的.bind()、.live()和.delegate()之间区别

首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：。") }); 因此一个单击操作会触发alert函数的执行。欲了解更多关于CSS选择器的缺点，

zhangmingming / 0评论 2012-04-17

JQuery的delegate事件参数说明

delegate() 方法为指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素。delegate是用在父子元素之间的一个事件，意思就是说childselector一定

JessieJWang / 0评论 2012-03-21

jQuery中的delegate与live实现方式简析

//问题：在IE 9下 window.event 与 e 不同 evt没有currentTarget属性,e才有currentTarget属性(视为标准浏览器做法？？<a href="###" id="btnadd&q

zyb00yaonuli / 0评论 2011-12-07

IOS 如何选择delegate、notification、KVO？

在开发ios应用的时候，我们会经常遇到一个常见的问题：在不过分耦合的前提下，controllers间怎么进行通信。在IOS应用不断的出现三种模式来实现这种通信：。delegation当我们第一次编写ios应用时，我们注意到不断的在使用“delegate”，

liuwentao / 0评论 2014-07-08

jQuery的.bind()、.live()和.delegate()之间区别

jQuery的.bind()、.live()和.delegate()之间区别2011-03-17 15:48 Elaine.Ye 译言网我要评论字号：T|TjQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然

AB君 / 0评论 2014-01-12

iOS软件工程师面试题（初级）

举例说明在你项目中的什么时候使用了weak?

iOS开发分享交流 / 0评论 2014-01-08

[转]Objective-C: delegate的那点事儿

事情源于，网络请求中退回到上一级，网络请求结束后，程序crash掉了，Delegate算是Objective-C的一大特性, 关于Delegate的基础就不多介绍了, 有兴趣的请参看文档.似乎没有简单可行的方法来解决这个问题,那么我们只能在通过程序结构的设

86771895 / 0评论 2012-06-20

asihttp 源码分析 之三 startRequest 各种回调

- startRequest 一开始就调用了requestStarted。

凉白开 / 0评论 2012-04-09

Objective_C的语言特性，以及委托模式delegate

Objective-C，是在C的基础上，加入面向对象特性扩充而成的编程语言。Objective-C主要应用于MacOSX和iOS系统，可以在任何gcc支持的平台上进行编译，因为gcc原生支持Objective-C。C++是在C基础上加了class等新东西而

86771895 / 0评论 2012-03-13

Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解

最近了解到很多网页开发者对jquery中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。这些疑惑通常是关于它们之间真正的区别是什么啊，什么时候该使用它们啊。下面本文将给大家详细介绍这四个方法之间的区别，分别对

85173253 / 0评论 2017-08-01

深度剖析C++语言特点

C++作为一种语言，大多数的人都是把它默认为面向对象的支持，认为他就是C语言的替代品，一种延伸而已，而事际上，C++与C是完全不同的语言。用过C++语言的朋友都觉得C++语言的确是个好语言。但有时由于特殊需要，不得不用C++，在C++中要想实现C#中的Th

jackyluoyefeng / 0评论 2010-01-26

jQuery中delegate()方法的用法详解

delegate() 方法为指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。下面我们具体来了解一下。由空格分隔多个事件值。必须是有效的事件。规定传递到函数的额外数据。//var target = ev.target || ev.sr

88413261 / 0评论 2016-10-13

详解jquery事件delegate(）的使用方法

我们先看官方是怎么说delegate()方法，delegate() 方法为指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数，使用 delegate() 方法的事件处理程序适用于当前或未来的元素。规定要附加事件处理程序的一个或多个子元素

Gcalolin / 0评论 2019-04-25

jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解

本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法。分享给大家供大家参考，具体如下：。bind()向匹配元素添加一个或多个事件处理器。$.bind;多事件处理：1.利用空格分隔多事件，例如代码如下：

87413165 / 0评论 2016-01-19

jQuery事件绑定on()、bind()与delegate() 方法详解

啃了一段日子的js相关了，学的过程中发现在jQuery中绑定事件时，有人用bind()，有人用on()，有人用delegate()，还有人用live()，看代码的时候觉得都实现功能了也就掀过去了，只是一直没完全弄懂之间的区别，于是今天查了下资料，自己做个总

前端档案 / 0评论 2019-04-21

jQuery中delegate和on的用法与区别详细解析

在jQuery1.7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。.delegate() 指定的元素添加一个或多个事件处理程序，并规

melissahexiu / 0评论 2014-01-26

jQuery:delegate中select()不起作用的解决方法(实例讲解)

jQuery有一个很好用的delegate功能，可以给当前以及将来的元素绑定一个事件处理函数。比如下面的例子，动态添加一个输入文本框后，我想让所有文本框在获取焦点时，自动转大写。

xiongfeng / 0评论 2014-01-26

jQuery中bind,live,delegate与one方法的用法及区别解析

bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。其中，参数eventType是一个字符串，包含一个或多个javaScript事件类型，例如click，submit或自定义事件的名称，指定多个事件类型时用空格分隔各个类型

87941037 / 0评论 2013-12-30

jQuery中delegate与on的用法与区别示例介绍

在jQuery1.7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。.delegate() 指定的元素添加一个或多个事件处理程序，并规

80991930 / 0评论 2013-12-20

由点击页面其它地方隐藏div所想到的jQuery的delegate

</div>对于这个问题一般有两种思路，这两种思路都会利用事件冒泡这一原理，想要详细了解Javascript事件机制可以看看JavaScript与HTML交互――事件,这不是本文重点，所以这里只是简单介绍一下事件冒泡，DOM事件流：DOM2级事

xiongfeng / 0评论 2013-08-29

jQuery事件 delegate()使用方法介绍

delegate定义和用法 delegate() 方法为指定的元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素。参数描述childSelector必需。规定要附加事件处理

舜岳 / 0评论 2012-10-30

开发过程中该选择Blocks还是Delegates

有人问了我一个很棒的问题，我把这个问题总结为：“开发过程中该选择 blocks or delegates？当我们需要实现回调的时候，使用哪一种方式比较合适呢？”一般在这种情况下，我喜欢问我自己：“如果问题交给Apple，他会怎么做呢？”当然，我们都知道Ap

leitingdulante / 0评论 2015-09-25

jQuery中的.bind()、.live()和.delegate()之间区别分析

DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。click事件接着会向树的根方向传

xiongfeng / 0评论 2011-06-07

jQuery的.bind()、.live()和.delegate()之间区别

首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：。当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。click事件接着会向树的根方向传播，广播到父元

81427005 / 0评论 2011-03-17

iOS 如何选择delegate、notification、KVO？

delegate、notification和KVO的功能比较类似，那么在实际的编程中，如何选择这些方式呢？在开发ios应用的时候，我们会经常遇到一个常见的问题：在不过分耦合的前提下，controllers间怎么进行通信。在IOS应用不断的出现三种模式来实现

leitingdulante / 0评论 2013-03-25

IOS开发使用委托delegate在不同窗口之间传递数据

IOS开发使用委托delegate在不同窗口之间传递数据是本文要介绍的内容，主要是来讲解如何使用委托delegate在不同窗口之间传递数据，具体内容来看详细内容。在IOS开发里两个UIView窗口之间传递参数方法有很多，比如。比如： 在窗口1中打开窗口2，

suweierxing / 0评论 2011-08-16

IOS开发架构封装异步请求案例实现

IOS开发架构封装异步请求案例实现是本文要介绍的内容，主要是实现IOS开发中异步请求的封装案例，来看本文详细内容讲解。在找IOS开发相关的内容是，看到本文，与朋友们分享一下。论坛里看到一位兄台的问题：”异步请求能不能封装诚一个公用的类？每个页面都要copy

suweierxing / 0评论 2011-08-16