jquery的live方法

最新推荐文章于 2019-10-02 10:29:56 发布
最新推荐文章于 2019-10-02 10:29:56 发布
阅读量1.9k 收藏
点赞数
分类专栏： Jquery 文章标签： jquery class function api div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/21aspnet/article/details/6947406
版权
本文详细介绍了 jQuery 的 live() 方法如何为匹配的元素动态附加事件处理函数，即使这些元素是后续添加的。通过示例展示了如何使用 live() 给特定类名的元素绑定 click 事件，并在动态添加相同类名的元素后仍能触发事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 live(type, [data], fn)手册API的介绍 jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

如下用 live给class=clickme的元素绑定一个click事件：

$('.clickme').live('click', function() { alert("Live handler called."); });

当我们在某次事件又动态地添加了一个class=clickme的元素时，如$('body').append('<div class="clickme">Another target</div>');

然后再点击新增的元素，他依然能够触发事件处理函数

jQuery中的live函数原理及实现
ScriptCharm的博客
09-24 156
这样，无论何时符合选择器的元素触发指定的事件，事件都会冒泡到document对象，并被捕获执行相应的事件处理程序。当li元素被点击时，事件会冒泡到ul元素，并被ul元素上的事件处理程序捕获执行。live函数通过事件委托的方式来实现事件绑定。事件委托是一种将事件处理程序绑定到父元素上，然后利用事件冒泡原理捕获子元素上的事件的机制。当匹配选择器的元素被点击时，事件会冒泡到父元素，然后被父元素上的事件处理程序捕获并执行。通过使用live函数，我们可以方便地为动态生成的元素绑定事件，提高了代码的可维护性和性能。
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
12-29
jQuery live()方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配...
jQuery中.live()方法的使用方法
aowei3294的博客
06-28 255
来自：jQueryAPI-100214.chm live(type, [data], fn) 概述 jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比...
jquery中live()方法
fgx_123456的博客
10-10 733
实例 当点击按钮时，隐藏或显示 p 元素： $("button").live("click",function(){ $("p").slideToggle(); }); 亲自试一试 定义和用法 live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未
JQuery .live()方法
cc蒲公英的博客
09-14 2006
JQuery中live方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的(append或html)也有效。 下面简单测试了JQuery中live方法的使用，仅供参考   Html代码   div id="testDiv">           input type="button" value="添加" class="testBtn
jquery live()调用不存在的解决方法
12-09
在jQuery的早期版本中，`live()`方法是一个非常实用的功能，它允许我们为当前页面以及未来动态添加到DOM中的元素绑定事件处理程序。然而，随着jQuery的不断进化，`live()`方法在版本1.7中被弃用，并最终在版本1.9中...
jQuery live
10-29
在这里，特别指出了live方法的一个关键特征：它能够一次性为所有当前匹配的元素以及将来动态添加到页面中的元素绑定事件，而无需重新绑定事件。 live方法能够处理多种类型的事件，这些事件包括但不限于：click...
jQuery中live方法的重复绑定说明
12-10
解决：使用die()方法，在live()方法绑定前，将此... die()方法简介： 代码如下: die([type], [fn]) </SPAN> 概述 jQuery 1.3新增。此方法与live正好完全相反。 如果不带参数，则所有绑定的live事件都会被移除。 你可
JQuery live函数
10-28
下面将详细阐述 `jQuery live()` 函数的工作原理、使用场景以及其与现代替代方法的对比。 ### 事件委托和 `jQuery live()` 事件委托是JavaScript中处理动态元素的一种高效策略。通常，事件是绑定在具体的DOM元素上...
JQuery中live方法的使用
mimang2008110的专栏
01-26 211
  JQuery中live方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效   下面简单测试了JQuery中live方法的使用，仅供参考 HTML代码 &lt;div id="testDiv"&gt; &lt;input type="button" value="添加" class="testBtn" /&gt; &lt;/
Jquery Live方法
qq_39110534的博客
08-06 178
$("button").live("click",function(){ $("p").slideToggle();}); ive() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。 ...
jquery方法之live()
wangjingyi
01-06 115
live() 方法向[color=red]尚未创建的元素[/color]添加事件处理器。 可多次执行。 下面的例子，通过使用 live() 方法而不是 bind() 方法，新的 p 元素同样会在点击时执行方法从而消失。 [code="jquery"]$(document).ready(function(){ //live()可以作用到脚本创建的新元素上 $("...
jquery中live的用法
牧的专栏
10-15 757
定义和用法 live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。 语法 $(selector).live(event,data,function)
jquery中的live和on方法
xuexiaodong2009的专栏
12-15 3515
jQuery 1.10之前的版本有一个.live()方法，这个方法和bind的重要区别就是.live()方法可以对以后再添加进来的有效 例如如下的HTML： Hello 使用bind方法： $(document).ready(function () { $('span').bind('click',function() { alert(
live()方法
捣蛋的博客
12-17 794
live()方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行函数。 通过live()方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素） 语法： $(selector).live(event,data,function) event:必须。规定附加到元素的一个或多个事件。可由空格分隔多个事件。必须是有效的事件。 data：可选。规定传递到...
jquery 调用live()方法无效？
骆小胖~
08-29 3943
jQuery--事件绑定（live()、delegate()、on()、hover()）详解
吴声子夜歌的博客
10-02 931
live()方法 使用bind()方式绑定事件时，只能针对页面中存在的元素进行绑定，而bind()绑定后新增的元素上没有事件响应。使用live()方法能够对页面所有匹配元素绑定事件，包含存在的元素和将来新增的元素，其语法格式如下： live(types, fun) types：表示事件类型，是一个或多个事件类型构成的字符串，类型之间由空格隔开 fn：表示所绑定的事件处理函数 示例： $("d...
浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 [转载]
weixin_34380948的博客
05-08 158
前言 　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。 bind() 简要描述 　　bind()向匹配元素添加一个或多个事件处理器。 使用方式 　　$(selector)...
探索jQuery 1.9新特性：深入了解live方法
需要注意的是，jQuery 1.9之后，live方法已经被弃用，建议使用on方法来替代。" 在jQuery中，live方法是一种事件委托的方式，它将事件处理器绑定到DOM的根节点，然后将实际的事件处理器应用到指定的元素上。这种方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值