使用live() - 好处 - 类似于bind()

使用 live() 方法的好处是，它可以在 DOM 元素被动态添加到页面后仍然能够触发事件。与之相似的是，bind() 方法只能在页面加载时绑定事件，对于动态添加的元素无法触发事件。

优势：

动态添加元素的事件绑定：live() 方法可以在动态添加的元素上绑定事件，而 bind() 方法只能在页面加载时绑定事件。
事件委托：live() 方法支持事件委托，可以将事件绑定到父元素上，而 bind() 方法不支持事件委托。

应用场景：

动态添加的元素需要绑定事件。
需要将事件绑定到父元素上，而不是每个子元素上。

推荐的腾讯云相关产品：

云服务器：提供可靠的服务器托管服务，支持自定义配置和扩展。
对象存储：提供可靠的存储服务，支持多种存储类型和文件访问方式。
云数据库：提供可靠的数据库托管服务，支持多种数据库类型和版本。

产品介绍链接地址：

云服务器：https://cloud.tencent.com/product/cvm
对象存储：https://cloud.tencent.com/product/cos
云数据库：https://cloud.tencent.com/product/cdb

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

jQuery的.on()、.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，...现在我们可以较容易地说明.on()、.bind()、.live()和.delegate()的不同之处了。...和.bind()相比的时候有一个好处就是我们不需要在每个元素上再去绑定事件，而只在document上绑定一次就可以了。尽管这个不是最快的方式，但是确实是最少浪费的。...Chaining没有被正确的支持当使用event.stopPropagation()是没用的，因为都要到达document 因为所有的selector/event都被绑定到document, 所以当我们使用...而不是document上，像这样： $('a', $('#container')).live(...); 3 .delegate() .delegate()则是更精确的小范围使用事件代理，性能优于

1.2K3 0

jQuery -> bind live delegate 终结者 – on

container"> hello world js $(document).ready(function() { $('.box').live...('click', function() { $(this).clone().appendTo('.container'); }); }); 原来live已经废弃掉了，取而代之的是on，jQuery...并打算用on来代替bind,live,delegate。...參考API文档，on的使用方法例如以下 .on( events [, selector ] [, data ], handler(eventObject) ) 为元素绑定事件 $( "#dataTable..."click", { name: "Karl" }, greet ); $( "button" ).on( "click", { name: "Addy" }, greet ); 具体使用方法可參考

2851 0

live share使用体验

远程协作开发 live share安装，vscode插件安装完成后，点击下方的快捷键，快速登录github或者microsoft账户，返回的网页可以访问失败，可以多刷新几次，弹出vscode...网页版中，进入session比较快（调试器有限，vscode中能安装的都是jit的调试器，aot的调试器大都不能用），本地的vscode很慢 vscode网页版 https://vscode.dev，使用...https访问，http是不能访问的 vs studio vs studio的启动比较简单，单击文件》启动live share，发送链接给朋友即可 live share的登录信息在vs studio

1.2K4 0

Windows Live Writer 简单使用

安装和配置好 Windows Live Writer 之后，我们就可以用它来发表日志了，本文介绍如何使用 Windows Live Writer 发表日志到 WordPress 博客，以及要注意的地方。...在使用像这些离线发表工具的时候我最当心的就是能否满足我的要求。其实 Windows Live Writer 完全可以做到，甚至更多。...下面就开始我们的 Windows Live Writer 使用历程。 1. 总体介绍：首先打开 Widows Live Writer，看到的界面如下所示：上面分别是工具栏，常用菜单栏和编辑栏。...当你编辑好了之后，点击 Web Preview 可以在 Windows Live Writer 预览你日志发表之后的效果。...关于 Windows Live Writer 简单使用就讲这么多，如果你还有什么问题请给我们留言。 ----

5163 0

jQuery中find&filter、live&bind对比介绍及图片懒加载

bind和live的区别 live方法其实是bind方法的变种，其基本功能就同bind方法的功能是一样的，都是为一个元素绑定某个事件，但是bind方法只能给当前存在的元素绑定事件，对于事后采用JS等方式新生成的元素无效...live方法之所以能对后生成的元素也绑定相应的事件的原因归结在"事件委托"上面，所谓"事件委托"就是指绑定在祖先元素上的事件可以在其后代元素上进行使用。...相比之下，bind会在事件在绑定阶段就会判断绑定事件的元素是否存在，而且只针对当前元素进行绑定，而不是绑定到父节点上。根据上面的分析，live的好处真是很强大，那么为什么还要使用bind方法呢？...之所以jquery要保留bind方法而不是采用live方法去替代bind，也是因为live在某些情况下是不能够完全替代bind的。...2. live() 并不完全支持通过DOM遍历的方法找到的元素。取而代之的是，应当总是在一个选择器后面直接使用 .live() 方法。 3.

7063 1

bind webadmin使用体验

通过一位深资运维朋友介绍了一款bind-webadmin的软件，经测试非常适合我们项目要求，bind-webadmin是基于bind9而开发的web管理系统，可快速创建一台动态DNS系统。...bind-webadmin的官网 https://bind-webadmin.com bind-webadmin的demo https://mm-dns.com 废话少说，参照bind webadmin...测试时我使用的域名是talknow-tech.com，由于我还没有证书，关闭SSL。 env.txt修改如下 # 提示 # 各个容器会启动时读取如下值并到更新自己的相应配置中。...Note: # - 此参数为核心配置 # - 此时 NS_DOMAIN 值不能配置为 test.io 和 example.com ,主要原因是这两个域名已被系统默认写入数据库，供 demo 用户测试使用...# - 支持子域名配置，如 NS_DOMAIN='diy.talknow-tech.com', 但不建议使用。

1641 0

使用STL的好处

3）程序员可以不用思考 STL 具体的实现过程，只要能够熟练使用 STL 就 OK 了。这样他们就可以把精力放在程序开发的别的方面。 4） STL 具有高可重用性，高性能，高移植性，跨平台的优点。...5）程序员可以不用思考 STL 具体的实现过程，只要能够熟练使用 STL 就 OK 了。这样他们就可以把精力放在程序开发的别的方面。...6）了解到 STL 的这些好处，我们知道 STL 无疑是最值得 C++ 程序员骄傲的一部分。每一个 C＋＋程序员都应该好好学习 STL。...只有能够熟练使用 STL 的程序员，才是好的 C++ 程序员。 7）总之：招聘工作中，经常遇到 C++ 程序员对 STL 不是非常了解。...大多是有一个大致的映像，而对于在什么情况下应该使用哪个容器和算法都感到比较茫然。STL 是 C++ 程序员的一项不可或缺的基本技能，掌握它对提升 C++ 编程大有裨益。

1.7K3 0

使用Spring的好处

Spring通过控制反转实现松散耦合,对象们给它们的依赖,而不是创建或者查找依赖的对象们

1.4K2 0

Windows Live Writer的使用

帮助地址在这里：space.cnblogs.com/forum/topic/8550/ 博客园支持SyntaxHighlighter代码着色，可以用相应的Live Writer代码着色插件进行代码着色。...Windows Live Writer下载地址：http://download.live.com/writer。配置步骤： 1、在菜单中选择“工具”》“帐户”，出现下面的画面： ?...需要注意的是：如何你使用SyntaxHighlighter代码着色，需要将默认编辑器改为TinyMCE。如果使用CuteEditor，CuteEditor会自动去除代码中的空格，造成代码格式破坏。...如果您使用Windows Live Writer写博客(配置步骤)，通过Windows Live Writer代码着色插件，可以方便进行SyntaxHighlighter代码着色。...C:\Program Files (x86)\Windows Live\Writer\Plugins 使用方法：安装成功之后，在Live Writer会出现“Source Code”插件，如下图：

6072 0

使用CDN有什么好处？

对于一个网站来说，使用CDN的好处有：1、网站加速，利于Google的排名。2、有利于提高网站的转化率。3、提升网站的稳定性和安全性。1、网站加速，利于Google的排名。...使用CDN之后，网站打开速度变快，就可以减少跳出率，也可以增加用户对网站的友好体验。2、有利于提高网站的转化率。毫无疑问，用户的访问网站的时间提高了，跳出率减少了，当然会利于网站的转化率和销售量。

2043 0

使用HHKB的几个好处

HHKB全称Happy Hacking Keyboard, 见名知意, 它是一款极客性很强的键盘, 作者使用HHKB已经两年多了, 感觉HHKB依然能给人带来好感, 下面谈谈HHKB的几个好处能让你戒掉游戏...极客体验或许你会遇到喜欢夺过别人电脑的控制权, 开始乱改代码或设计稿的人,对此最优雅的拒绝方式就是让你的键盘拒绝他,HHKB提供了无刻印的版本, 如果你厌倦了千篇一律的客制化键帽, 可以使用HHKB的无刻印..., 体会一把大道至简的设计, 无刻印的键帽, 加上HHKB独特的60键布局, 保证周围的小伙伴, 无法使用你的键盘码字

6.1K1 0

c++ 之bind使用

网络编程中，经常要使用到回调函数。当底层的网络框架有数据过来时，往往通过回调函数来通知业务层。...所以直接赋值给函数指针肯定会引起编译报错 c++11 为我们带来了bind，可以很好的解决这个问题 #include std::bind(待绑定的函数对象/函数指针/成员函数指针...(&test::incr,p,_1); f0(2); couti<<endl; } 　　要注意的是bind()函数返回的是一个function...例如上面的例子中，我们使用auto 直接推导了变量类型。...function func; func f1 = bind(&test::incr,p,_1);

6903 0

jquery 事件绑定及取消 bind live delegate on one区别（超详细且通俗易懂）

on bind delegate live one 四种方法差别不是特别大 bind讲完后，后面的方法只会说不同点 1.bind（） $(selector).bind(event,data,function...和bind方法有两个不同 1.没有map不能单独规定事件 2.live方法绑定的事件会应用于当前现有的元素以及未来元素，也就是事件委托机制，把节点的处理统一委托给了根节点document，所以后面动态添加的新节点同样会有相同的事件...$("button").live("click",function(){ $("p").slideToggle(); //给所有的p节点添加了收缩事件，包括动态添加的新的p标签 }); 注：使用live...（）方法只能放在直接选择的元素后面，不能在层级比较深，连缀的DOM遍历方法后面使用，即(“ul”").live...可以，但取消绑定用die()方法跟unbind()一样。...这个方法就相当于加强版的live()方法，由于live方法事件委托会直接委托在根节点上，费时费力，于是就有了delegate()方法，它可以选择委托范围，就是给selector父节点内的所有childSelector

2.4K2 1

使用线程池的好处

这里借用《Java 并发编程的艺术》提到的来说一下使用线程池的好处：降低资源消耗。通过重复利用已创建的线程降低线程创建和销毁造成的消耗。提高响应速度。...线程是稀缺资源，如果无限制的创建，不仅会消耗系统资源，还会降低系统的稳定性，使用线程池可以进行统一的分配，调优和监控。...Executor 框架 Executor 框架是 Java5 之后引进的，在 Java 5 之后，通过 Executor 来启动线程比使用 Thread 的 start 方法更好，除了更易管理，效率更好...这里提了很多底层的类关系，但是，实际上我们需要更多关注的是 ThreadPoolExecutor 这个类，这个类在我们实际使用线程池的过程中，使用频率还是非常高的。...（调用 submit() 方法时会返回一个 FutureTask 对象） Executor 框架的使用示意图 ? 主线程首先要创建实现 Runnable 或者 Callable 接口的任务对象。

2.3K1 0

Live2D使用分享

记得当时完live2d看板娘的时候就花了很多时间在这上面，毕竟是一步一步探索，都是从未知开始，今天我来分享总结一下Live2d的使用经历。...主要介绍三种玩法玩法方式一第一种玩法是只加载Live 2D模型，不能变身，可以使用在自己建的html文件里面。...这样的模型我一共发现总结了16个比如： izumi shizuku wanko 在这里插入图片描述具体大家可以看这里：live2d看板娘一览图使用方式如下： <...玩法方式二第二种玩法是集中了好几种live2d模型，有变身，换装功能，也是利用别人写好的轮子来使用。效果如下：哈哈哈，是不是很酷/(ㄒoㄒ)/ 使用方式如下 <!...玩法方式二第二种玩法是集中了好几种live2d模型，有变身，换装功能，也是利用别人写好的轮子来使用。效果如下：哈哈哈，是不是很酷/(ㄒoㄒ)/ 使用方式如下 <!

9705 0

Visual Studio 2019 使用 Live Share

一.前言 Visual Studio 2019 在今天发布（北京时间）了，这次带来了一个比较有趣的 Live Share 功能，使用它可以进行更好的协作开发。主要功能： ?...二.Visual Studio Code 注意事项 Live Share 可以在 Visual Studio 2019 和 Visual Studio Code 上使用。...在 Visual Studio Code 中使用需要安装扩展： ? 安装完成以后在此处进行会话管理： ?...三.如何使用 1.创建和加入会话（1）Visual Studio 2019 Visual Studio 2019 可以直接点击右上角的 Live Share 来创建会话，创建完成会自动将会话链接（其他人通过链接加入...1.使用 Visual Studio 2019 创建项目 ? 2.点击右上角 ”Live Share“ 创建会话 ? 创建完成会提示你，邀请链接已复制到剪贴板 ?

2.1K1 0

使用bind搭建内网dns服务

dns服务端方案简介 dns服务有什么用呢，尤其是内网的dns服务，其实用处还蛮大的，我见过的典型使用，是数据库跨机房多活。...dns服务的开源实现，有两个，一个是bind，一个是dnsmasq，前者比较重，专注于dns这块，后者则是相对轻量一些，所以呢，如果需要极高稳定性，建议还是使用重量级的bind。...安装&配置安装其实有两种方法，一种是通过源码包编译安装，一种是使用yum包管理器，我这边之前实践是用的源码包方式，确实相对繁琐一点，不过也还行；以后可以再稍微说下yum包的方式。...创建专属用户（可选步骤）建了个专门的named用户 groupadd -g 53 -r named useradd -u 53 -s /sbin/nolgin -r named -g named 如果使用了...yum安装bind：https://copr.fedorainfracloud.org/coprs/isc/bind/ bind相关文档：https://www.isc.org/bind/ 参考文档

2.1K2 0

Spring中使用IOC的好处

IOC容器中直接获得一个对象然后直接使用，无需事先创建它们。问题由来：类A直接依赖类B，假如要将类A改为依赖类C，则必须通过修改类A的代码来达成。

5371 0

使用windows live writer发表的博客

使用windows live writer发表的第一篇博客

4925 0

boost::bind和boost::function使用示例

boost利器之bind和function使用示例.pdf C++11已支持bind和function，之前的不支持，但可以借助boost达到同样目的。...(&hdfsExists, fs, _1) , boost::bind(&hdfsCreateDirectory, fs, _1)); } void local::init() { Xinit(boost...::bind(&access, _1, R_OK | W_OK | X_OK) , boost::bind(&mkdir, _1, S_IRWXU | S_IXGRP | S_IXOTH)); }...2) boost:bind 它可以带多个参数，第一个参数总是为函数地址，如果为非类成员函数，则后面跟参数列表，如果是类成员函数，则第二个参数为类对象的地址。...有人说可以用它来替代C++中的虚拟函数，而且比虚拟函数更优雅，但我不这么认同，实际工作中，常常两者结合使用，以达到简化代码的目的。

1.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云