jquery-事件委托-delegate

最新推荐文章于 2024-11-22 16:04:48 发布
原创 最新推荐文章于 2024-11-22 16:04:48 发布 · 353 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了代理（事件委托）在jQuery中的使用。当希望新加入的子元素也能获得之前绑定的事件时，可将事件绑定工作委托给父级元素。这样做能提高性能、简化代码，让新加入的子标签获得事件，避免了非代理方式下需单独为新元素绑定事件的麻烦。

代理的使用

如果希望某个成员绑定某个事件，例如li标签编定click事件

期望新进来的li也能得到这个事件

可以通过事件委托来实现

事件委托的格式

父级标签对象.delegate（str子级标签选择器，str事件，匿函）

具体的，希望子级标签做什么事情，就写在匿函中即可

-----------备课笔记-----------------

事件委托

由于子级元素有可能是后面添加的

后来的得不到之前jquery绑定的事件

解决问题，

把这个事件的绑定工作，委托给父级元素， 后面的事件绑定，就主要依赖于父级节点对象来处理

在这里插入图片描述

好处，提高性能

简化代码

让新加入的子标签获得事件

例子

结构

在这里插入图片描述

样式

在这里插入图片描述
在这里插入图片描述

JQ

让每一个li绑定事件的写法

在这里插入图片描述
结果，现有的ｌｉ标签都有了点击的事件

代理的写法，事件委托。。。

格式

在这里插入图片描述

在这里插入图片描述

事件委托就是事件代理

在这里插入图片描述

整理一下格式

添加内容

提前用一下新的

给UL标签，添加LI

在这里插入图片描述

新增了的LI标签，试一试点击事件，按照非代理的方式看看

是否得到了点击事件

结果。。。。

解决办法

如果期望新加的LI有事件

需要单独的给他绑定

在这里插入图片描述

总的看来比较麻烦

如果使用事件委托就不一样了

事件委托后，新增加的标签 也会获得对应绑定的事件

Python 委托和事件
captain
02-04 1578
事件通常使用回调函数来表示事件的处理程序，当事件发生时，发出事件的对象调用回调函数，通知其他对象处理事件。事件通常使用回调函数来表示事件的处理程序，当事件发生时，发出事件的对象调用回调函数，通知其他对象处理事件。在委托中，一个对象将任务委托给另一个对象执行，通过调用函数对象或方法对象来执行委托的任务。通过委托和事件，一个对象可以调用另一个对象的方法，并在特定事件发生时通知其他对象。通过委托和事件，一个对象可以调用另一个对象的方法，并在特定事件发生时通知其他对象。同时，也可以方便地扩展和修改代码。
PyQt 自定义委托(delegate) 实现进度条
weixin_45836201的博客
04-20 852
完整代码： class Upgrade_2100(QMainWindow): def __init__(self, parent=None): super(Upgrade_2100, self).__init__(parent) self.initUI() self.initModel() self.initDelegate() self.__timer = QTimer() self.__ti
jquery 事件委托 - delegate()
DevOps海洋的渔夫@专栏
04-25 508
事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li'); $ali.click(function() { $(this).css({ba...
jq 事件委托delegate
weixin_43294560的博客
02-01 463
$('选择器').delegate('子元素选择器','无on的事件',function(){...}) 给选择器下的子元素委派事件 代码示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
事件委托(delegate)
program is a art
07-23 180
委托机制的本质就是调用成员函数的函数指针，实现回调 委托就是一种引用方法的类型.一旦为委托分配了方法,委托将与该方法具有完全相同的行为.委托方法的使用可以像其他任何方法一样,具有参数和返回值.委托可以看作是对函数的抽象,是函数的"类".委托的实例将代表一个具体的函数. 一个委托可以搭载多个方法,所有方法被依次唤起.它可以使得委托对象所搭载的方法并不需要属于同一个类.但委托对象所搭载的所...
JavaScript(jQuery)中的事件委托
weixin_30700099的博客
07-25 135
一：什么是事件委托？ 事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。 二：为什么要用事件委托？ 1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。为什么呢？因为，每个事件处理函数都是对象，对象会占用内存，内存中的对象越多，性能就越差。此外，必须事先指定所有的事件处理程序而导致的DOM访问次数，会延迟...
jQuery delegate() 绑定多个元素或事件
极客神殿
09-05 1207
delegate() 绑定多个元素或事件 语法： $(selector).delegate(childSelector,event,data,function); childSelector: 可以是多个元素，要用逗号隔开，比如"p,span"， event： 属于什么事件，可以是多个事件属性，要用空格隔开，比如"click mouseover"，选中的元素既可以通过单击事件实现，用鼠标悬停也可以实现同样的效果。 data: 可选，规定传递到函数的额外数据。 function： 当事件发生时运行的函数。
jquery-3.3.1.js/min.js
12-26
此外，`.off()`用于移除事件绑定，`.trigger()`可以手动触发事件，`.delegate()`和`.live()`（在较新版本中已被`.on()`取代）则实现了事件委托，使得动态添加的元素也能响应事件。 三、动画效果 jQuery以其强大的...
jquery-3.2.0.js，jquery-3.2.0.min.js
03-30
- **事件委托（Event Delegation）**：使用 `.delegate()` 或 `.on()` 的事件委托功能处理动态添加的元素事件。 **动画（Animation）：** - **基本动画（Basic Animations）**：`.fadeIn()`, `.fadeOut()`, `....
精选资源
jquery-1.8.3.js和jquery-1.8.3.min.js和插件库
11-17
`.trigger()`可以触发指定的事件，`.delegate()`和`.undelegate()`则是用于事件委托。 4. 效果和动画：jQuery 1.8.3包含各种效果和动画函数，如`.fadeIn()`, `.slideUp()`, `.animate()`等，这些使得网页交互更加...
jquery-1.9.1
12-26
同时，`.delegate()`和`.live()`（1.9.1版本已移除）提供了事件委托机制，用于处理动态添加的元素。 6. AJAX操作 jQuery的`.ajax()`函数是其强大的特性之一，可以方便地发起异步请求。`.get()`和`.post()`是简化的...
jquery-1.7.2.js
10-13
`bind()`、`unbind()`、`live()`和`delegate()`也是常见的事件处理方法，但自jQuery 1.7开始，推荐使用统一的`on()`和`off()`来管理事件。 五、动画效果 jQuery的动画功能强大，`slideUp()`, `slideDown()`, `...
pythton 中的委托事件(回调机制)
最新发布
qq_33158550的博客
11-22 1180
python中的回调机制，与c#中的委托事件有点像。。
事件委托
qq_45305088的博客
11-03 196
利用事件流的原理，我们可以实现事件委托，事件委托可以简单的理解为将子级的事件委托给父级来处理，我们先来看一个简单的例子 <div class="btnBox"> <button class="btn1">按钮1</button> <button class="btn2">按钮2</button> </div> 网页中有两个按钮，他们的父级是一个div标签，现在我们希望给这两个按钮绑定事件，当我们点击按钮的时候输出按钮的
前端中的事件流和事件委托
weixin_44684357的博客
12-16 747
事件流：描述事件发生的顺序； 三个阶段： 事件捕获 目标阶段 冒泡阶段 什么是冒泡？ 冒泡是从下往上执行的，比如有个子事件和父事件，点击子事件后触发父事件，浏览器是默认事件冒泡的 如何阻止冒泡？ // 在代码中添加 event.stopPropagation(); 什么是默认行为 比如说一个a 标签，有个href的链接，点击之后就会默认的进行跳转； 事件委托 就是不在事件当前的dom上进行事件，而是在父级进行事件监听，通过事件冒泡来处罚子事件 最常见的就是往ul 上绑定事件来触发 li ...
python委托模式详细解释
微电子学与固体电子学-俞驰
01-11 7744
收集了网上的三个例子，然后做了些注释： #!/usr/bin/env python3 # -*- coding: utf-8 -*- class Wrapper: def __init__(self, obj): self.wrapper = obj print self.wrapper print type(self.wrappe
jQuery的事件委托方法bind 、live、delegate、on之间有什么区别？
田品吕口的博客
10-15 3093
(1)、bind 【jQuery 1.3之前】 定义和用法：主要用于给选择到的元素上绑定特定事件类型的监听函数； 语法：bind(type,[data],function(eventObject))； 特点： (1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件，不能给未来新增的元素绑定事件。 (2)、当页面加载完的时候，你才可以进行bind()，所以可能产生效率问题。 实例如...
聊一聊JQ中delegate事件委托的好处
xyphf的博客
10-03 2459
下面举个例子 我们希望通过点击使得点击的li标签变红HTML<body style="height:2000px;"> <ul> <li>1111</li> <li>1111</li> <li>1111</li> <li>1111</li> </ul> </body>普通写法$(function(){ $('li').on('click',functio
python实现回调函数，自定义事件
TedTian97的博客
12-24 5604
最近一个项目，需要实现自定义事件，发现python对于事件好像没有一个非常标准的封装，或者是原语，下面是自己去实现的一个类似事件的方法，逻辑上参考了.net实现事件的方法，也就是特殊的委托。 1. python回调函数 如果对于python回调函数比较熟悉，可以跳过。 讲实话，论坛上基本上说的什么回调函数，只不过是把函数当做参数传递，这种方式也能称之为“回调”函数吗，可能是我浅薄了。。。 def funcA(a, b): return a + b def funcB(a, b, c, f
JQuery-1.6 API 中文完整版使用指南
- 事件委托：JQuery 1.6对于事件委托提供了更好的支持，尤其是对于动态添加到文档的元素。 - Ajax改进：在处理跨域请求方面有所加强，例如增加了对JSONP的支持。 - CSS动画：增加了更多控制CSS动画的方法。 - 性能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值