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

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 129平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄18年

关注

原创最新推荐文章于 2026-04-29 10:22:27 发布 129 阅读 AI 写同款· GEO 优化 ›

LangChain与RAG实战：从零构建企业级AI知识库与智能体检索增强生成（RAG）是一种将大语言模型与外部知识库结合的技术范式，其核心原理是通过向量化检索，从海量文档中精准定位相关信息，并将其作为上下文输入给大模型，从而生成更准确、更具事实依据的回答。这项技术的核心价值在于有效缓解了大模型的“幻觉”问题，并显著扩展了其处理私有、实时或领域特定知识的能力。在工程实践中，RAG系统通常应用于企业知识库、智能客服、文档问答等场景，通过构建从文档解析、向量化存储到语义检索的完整流水线，实现知识的有效利用。本文聚焦于一个基于LangChain框架的实战项目，该项目提供了从向量阅读详情

          
          bind() 直接绑定在目标元素上
live() 通过冒泡传播事件，默认document上，支持动态数据
delegate() 更精确的小范围使用事件代理，性能优于 live
on() 是最新的1.9版本整合了之前的三种方式的新事件绑定机制

收录于

JavaScript

当前文章被收录于：

JavaScript

108 篇文章 1 人学习

订阅专栏查看详情

jQuery

当前文章被收录于：

jQuery

11 篇文章 0 人学习

jQuery 相关

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#前端 #javascript #jquery

jQuery绑定事件方法及区别(bind,click,on,live,one) 第一种方式： $(document).ready(function(){ $(#clickme).click(function(){ alert(hello world click) }) }) 第二种方式（简写方式为第一种）： $('#clickmebind').bind(click, function(){ alert(Hello World bind); }); 第三种方式： $('#clickmeon').on(click,function(){ alert(hello world on) }) 注意：第三种方式只适用于jquery 1.7以上立即下载

相关推荐

Ubuntu22.04安装ROS2 —— ROS2 humble 详细图文教程

本文详细介绍了如何在Ubuntu22.04（Jammy）系统下配置ROS2环境，安装RO2软件包，并验证安装成功。ROS2的版本是Humble Hawksbill。：ROS是一个开源的，提供硬件抽象、设备驱动、库、工具和通信机制，支持模块化开发与集成，广泛用于机器人控制和自动化应用。ROS2 相较于 ROS1 在架构设计、通信机制和平台支持等方面做出了改进。ROS1 采用集中式主节点（Master）进行节点间通信，存在单点故障风险，且实时性和跨平台支持较弱。

weixin_49649078的博客 8811

jquery的bind与on和live的使用

jquery的bind与on和live的使用使用.bind()方法非常浪费性能因为它把同一个事件处理函数附加到了每一个匹配的元素上你应该停止使用.live()方法因为它被弃用了同时也会带来很多问题使用.delegate()方法会给你带来很多好处当你需要解决一些性能上的问题和对动态添加的元素作出处理新的.on()方法其实就是模拟.bind() ， .live() 和.delegate...

悦分享 602

STM32G474的HRTIM实战：用CubeMX配置互补PWM驱动全桥电路（附移相算法代码）

本文详细介绍了如何使用STM32G474的HRTIM高分辨率定时器，通过CubeMX配置互补PWM驱动全桥电路，并附移相算法代码。内容涵盖HRTIM硬件架构解析、CubeMX配置全流程、移相控制算法实现及调试技巧，为数字电源和电机控制领域提供实用解决方案。

weixin_27017211的博客 482

jQuery中是事件绑定方式--on、bind、live、delegate

概述：jQuery是我们最常用的js库，对于事件的绑定也是有很多种，on、one、live、bind、delegate等等，接下来我们逐一来进行讲解。本片文章中事件所带的为版本号，例：v1.7+为1.7版本以上才有，v3.0-为3.0版本后不推荐使用，特此声明。本文参考了 w3school 事件的部分内容一、one(V1.7+) one() 方法为被选元素附加一个...

weixin_30905133的博客 183

ROS-订阅与处理激光雷达scan话题

激光雷达通常有四个性能衡量指标：测距分辨率、扫描频率（有时也用扫描周期）、角度分辨率及可视范围。测距分辨率衡量在一个给定的距离下测距的精确程度，通常与距离真实值相差在5-20mm；扫描频率衡量激光雷达完成一次完整扫描的快慢，通常在10Hz及以上；角度分辨率直接决定激光雷达一次完整扫描能返回多少个样本点；可视范围指激光雷达完整扫描的广角，可视范围之外即为盲区。

weixin_42438635的博客 4477

SpringBoot从入门到精通（全）

前言 ==本博文结合软件idea进行主要讲解== **springboot的特性主要有** - 简化 Spring 应用程序的创建和开发过程 - 抛弃了繁琐的 xml 配置过程，采用大量的默认配置简化以及注解反射 - 直接使用 java main 方法启动内嵌的 Tomcat 服务器运行 Spring Boot 程序，不需要部署 war 包文件 **四大核心**分别为自动配置、起步依赖、Actuator和命令行界面

码农研究僧的博客 7万+

jquery的on()、bind()、live()和delegate()区别

四个方法都能够为指定元素注册事件处理函数，但是区别也是很大的下面就简单介绍一下它们之间的有哪些主要的区别一、bind() $('a').bind('click', function() { alert("That tickles!") }); 这是最简单的绑定方法了。JQuery扫描文档找出所有的$(‘a’)元素，并把alert函数绑定到每个元素的click事件上。...

weixin_30391339的博客 112

使用R语言获取泊松回归模型的事件密度比（Incidence Rate Ratio，IRR）的95%置信区间

在泊松回归模型中，我们通常关注的是自变量对事件发生率的影响，而事件密度比（Incidence Rate Ratio，IRR）可以帮助我们理解不同自变量对事件发生率的相对影响。在本文中，我们将使用R语言来获取泊松回归模型所有系数的事件密度比的95%置信区间。通过以上步骤，我们可以使用R语言获取泊松回归模型所有系数的事件密度比的95%置信区间。为了获取事件密度比的置信区间，我们将使用。使用R语言获取泊松回归模型的事件密度比（Incidence Rate Ratio，IRR）的95%置信区间。

BugCrusher的博客 1264

jquery中的live、on、onclick、bind

Jquery中的事件绑定有三种方式： onclick事件 onclick非常好理解，点击时候触发onclick函数中的代码执行 $("button").onclick( $("p").slideToggle();//显示和隐藏 ); bind函数 bind方法是为某个元素绑定一个事件，bind的方法只能给已经存在的DOM元素绑定事件，对于后面JS中新增加的元素是没有效果的，也即是说Jquer

qianyiyiding的专栏 942

Agentic AI为教育行业赋能，提示工程架构师解析应用潜力

然而，即便是最先进的 LLMs，在面对复杂、动态、需要持续规划和调整的教育场景时，也常常显得力不从心，它们更像是强大的“问答机器”，而非真正意义上的“学习伙伴”或“教学助手”。在教育场景中，传统的 AI 工具可能只能回答学生提出的特定问题，或者根据预设的规则推送一些学习材料。无论您是教育技术领域的开发者、产品经理，还是一线的教育工作者、教育管理者，抑或是对 AI 教育应用充满好奇的研究者，本文都将为您提供宝贵的 insights，助您把握 Agentic AI 时代教育创新的脉搏。

架构师的AI之路，分享AI应用开发架构的学习与实践。 466

电路板保险丝如何选型

在电路板保险丝选型过程中，需要考虑多个因素以确保其适合特定的电路需求。最后，经过以上程序选定的样品需要在实际的电路中进行测试，以验证所选择的保险丝是否合适。

weixin_57010826的博客 1310

【jQuery学习总结】on（）、bind（）、live（）的区别

语法：bind(event, [data], fn)live(event, [data], fn)on(event,[selector],[data],fn)区别：（1）on比bind和live多一个参数[selector]，on可以在父元素的选择下再设置子元素的原则，更加精确操作。（2）bind和live的区别是live可以适用于匹配选择器的当前及未来的元素（比如由脚本js动态创建的新元素），b...

zhongmei121的专栏 485

29、网络支持技术：CDN、覆盖网络与无标度网络解析

本文详细解析了CDN路由方式与性能指标，探讨了覆盖网络与无标度网络的特性及其在云计算和现代网络中的应用。文章分析了CDN的关键技术与挑战，介绍了覆盖网络与小世界网络的基本原理，并深入讨论了无标度网络的构建算法、性能优化策略以及在多个领域的应用案例。最后，文章展望了未来网络技术发展趋势与无标度网络的结合潜力。

night的博客 89

jQuery中的bind(),live(),delegate(),on()有什么区别？

这里是修真院web小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析web知识/技能，本篇分享的是：【jQuery中的bind(),live(),delegate(),on()有什么区别？】大家好，我是IT修真院武汉分院第10期学员，一枚正直善良的web程序员。今天给大家分享一下，修真院官网...

IT修真院：初学者转行到互联网的聚集地 940

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

SIMATIC S7-1200, S7-1500 PID 控制[手册]

[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？

[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？在我们深入了解这些方法之前，我们先来一段常见的的HTML，作为我们编写jquery示例方法使用的样本。 <ul id="members" data-role="listview" data-filter="true">  <li> <a href="detail.html?id=10" rel="externa

歌谣的博客 485

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

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

原文地址 Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解更新时间：2017年08月01日 09:14:29 作者：could 我要评论在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对...

u013738122的博客 431

锂电池充电器电路设计里面有电路

锂电池充电器电路设计里面有电路 3.7V升压到5V电路设计。

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

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。 live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。 on() on() 方法在被选元素及子元素上添加一个或多个事件处理程序。使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。如需移除事...

Tansum 343

jquery中的bind(),live(),delegate(),on()有什么区别？

当我们试图绑定一些事件到DOM元素上的时候，我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢？在什么场合下用什么方法是最有效的呢? 准备知识当我们在开始的时候，有些知识是必须具备的： DOM树下图仅仅是一个示例，这是一个在browser环境下的一棵模拟DOM树，在下面的代码中仅起到演示的作用： Event bubbling (aka event propagation)冒泡我们的...

天心天地生的博客 436

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

简介:最近了解到很多网页开发者对jquery中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。这些疑惑通常是关于它们之间真正的区别是什么啊，什么时候该使用它们啊。下面本文将给大家详细介绍这四个方法之间的区别，分别对每个方法都进行了详细的介绍，话不多说，来一起看看详细的介绍：在我们深入了解这些方法之前，我们先来一段常见的的HTML，作为我们编写jque...

PHPer_Bai的博客 261

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

摘至：http://www.cnblogs.com/xilipu31/p/4105794.html 相同点： 1.都支持单元素多事件的绑定；空格相隔方式或者大括号替代方式； 2.均是通过事件冒泡方式，将事件传递到document进行事件的响应。比较和联系: 1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添...

IMyself 248

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

DOM树　当我们触发单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的结构中，document是根节点。　...

180

jQuery中on()、bind()、live()、delegate()之间的区别

jQuery的.on()、.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，更好的性能优化，以及防止出现不必要的错误。首先简述下回涉及到的几个知识点：DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一...

weixin_34381687的博客 89

【转】jQuery中的bind(),live(),delegate(),on()事件绑定方式的区别

bind() ...

weixin_30868855的博客 78

上一篇： jQuery 的队列是如何实现的

下一篇： jQuery 中如何将数组转化为 JSON 字符串，然后再转化回来

Ubuntu22.04安装ROS2 —— ROS2 humble 详细图文教程

weixin_49649078的博客

12-15

8811