`

jquery方法之live()

阅读更多
live() 方法向尚未创建的元素添加事件处理器。


可多次执行。

下面的例子,通过使用 live() 方法而不是 bind() 方法,新的 p 元素同样会在点击时执行方法从而消失。


$(document).ready(function(){
  //live()可以作用到脚本创建的新元素上
  $("p").live("click",function(){
    $(this).slideToggle();
  });
  //点击button追加一个p元素
  $("button").click(function(){
    $("<p>This is a new paragraph.</p>").insertAfter("button");
  });
});


<body>
<p>段落1。</p><!--点击任意 p 元素会令其消失。-->
<p>段落2。</p>
<button>按钮。</button><!--点击按钮将在其后面插入新的 p 元素-->
</body>

分享到:
评论

相关推荐

    JQuery下的Live方法和$.browser方法使用代码

    在jQuery库中,`live()`方法和`$.browser`方法都是相当重要的,它们在不同的场景下有着特定的应用。本文将详细解析这两个方法的使用及原理。 首先,`live()`方法在jQuery 1.3.2版本中被引入,主要用于处理动态生成...

    jQuery:bind() delegate() live()事件绑定

    在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...

    前端项目-jquery.liveurl.zip

    这可以通过调用`.liveurl()`方法完成: ```html &lt;div id="preview"&gt;&lt;/div&gt; $(document).ready(function() { $('#urlInput').liveurl({ container: '#preview', // 指定预览区域的ID fetchDelay: 500 // 设置...

    jquery例子大全 jquery demo

    `.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` 替代)则支持事件代理,使得动态生成的元素也能响应事件。 ### 四、jQuery AJAX jQuery 的 AJAX 功能强大,如 `.ajax()`, `.get()`, `.post()` 等方法使得...

    jquery1.4.2 jquery1.4.2

    1. 选择器:jQuery的核心之一是其强大的CSS选择器支持,包括ID选择器 (#id)、类选择器 (.class)、元素选择器 (element) 等,甚至支持组合选择器和伪类,如 $(“div.special”).find(“p:first”),可以高效地定位到...

    JQuery1.4.1与JQuery1.8.3

    4. **事件处理改进**:此版本对事件处理函数进行了优化,包括添加了 `live()` 方法,该方法允许事件监听器绑定到动态添加的元素,提高了代码的可维护性。 5. **插件支持**:jQuery 1.4.1 为插件开发提供了更好的...

    jquery live()调用不存在的解决方法

    在jQuery的早期版本中,`live()`方法是一个非常实用的功能,它允许我们为当前页面以及未来动态添加到DOM中的元素绑定事件处理程序。然而,随着jQuery的不断进化,`live()`方法在版本1.7中被弃用,并最终在版本1.9中...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    jQuery,这个JavaScript库,自2006年发布以来,以其简洁的API和强大的功能,迅速成为开发者们首选的前端工具之一。本篇文章将深入探讨jQuery 1.9.1版本,包括其核心特性、性能优化以及实际应用。 首先,我们来看看...

    jquery-migrate

    例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。 jQuery migrate(转移...

    jquery中文版离线手册

    - 对某些API进行了调整,比如移除了不再推荐使用的`live()`方法,建议使用`on()`替代。 **jQuery 1.8.3_20121215.apk** 可能是针对Android设备的应用程序,方便开发者在移动设备上查阅jQuery文档。 - 对于移动...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    4. 移除过时API:为了保持代码的简洁性和可维护性,jQuery 3.0.0移除了部分过时的API,如`.live()`,鼓励开发者使用更安全的替代方法,如`.on()`。 二、`jquery-3.0.0.min.js`的优化 1. 文件大小:`.min.js`是经过...

    jquery事件代理方式的区别联系

    `live`是jQuery早期引入的事件代理方法,它将事件处理器绑定到`document`对象上,监听所有符合特定选择器的后代元素的事件。当符合选择器的元素被动态添加时,无需重新绑定事件。`live`的优点是处理动态元素非常方便...

    JQuery chm帮助文件(多个版本)

    5. **jQuery 1.7.1**: 这个版本引入了`.on()`和`.off()`事件处理方法,取代了之前的`.bind()`, `.live()`, `.delegate()`等,使得事件处理更加灵活且高效。 6. **jQuery 1.8.3**: 在1.8.x系列中,jQuery继续优化了...

    jquery.colorpicker 下载资源

    总结,`jQuery ColorPicker` 是一个强大且灵活的颜色选择器插件,虽然原代码中使用了已废弃的 `.live()` 方法,但通过简单的替换,我们可以使其在现代浏览器中正常工作。结合丰富的API和事件处理,开发者可以轻松地...

    jquery-migrate3.4版本

    在jQuery 3.x中,一些过时或不推荐使用的API被移除,如`.data()`的旧实现、`.live()`事件处理和`.browser`对象等。Migrate 3.4.0为这些移除的功能提供临时支持,以便于迁移。 4. **浏览器兼容性**: 虽然现代...

    jquery1.7及其帮助文档

    1. **`.delegate()` 和 `.live()` 的替代:** 在1.7版本中,`.on()` 方法被引入,用于统一处理事件绑定,替代了`.delegate()`和`.live()`。`.on()`不仅可以绑定当前存在的元素,还能处理未来可能出现的元素,大大...

    jQuery1.4.1 小结

    它还支持`on()`, `off()`, `trigger()`, `live()`, `delegate()`等方法,以处理动态生成的元素和事件委托。 ### 5. 动画效果 jQuery 的动画功能非常强大,`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`...

    jQuery中bind(),live(),delegate

    今天我们将深入探讨jQuery中的事件绑定方法,包括`bind()`, `live()`, `delegate()`,以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件,特别是对于动态生成的元素。 1. **bind()*...

    详解jQuery向动态生成的内容添加事件响应jQuery live()方法

    jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配...

Global site tag (gtag.js) - Google Analytics