`

jquery方法之live()

live()jquery 
阅读更多
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>

分享到：
| css3新属性-圆角效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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() 时，选择器匹配...

Magicbox
Global site tag (gtag.js) - Google Analytics