`

JQuery中.remove()与.detach()的比较

阅读更多

    通过JQuery动态操作Dom结点时,我采用了.append()和.remove()方法,而且这些被append的JQuery对象我是会缓存起来的,因为没有看.remove()方法的说明,所以在我的理想中是: 当我把结点remove后,再把缓存的对象append到原来的父结点,这里我发现先前绑定的事件都没有用了。我猜可能是remove的时候,这些事件被JQuery remove 了。后来看了说明才知道果然是也。最后,我就用.detach方法把.remove换了,就这样,一切按我的想象running了。

1
1
分享到:
评论

相关推荐

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

    jQuery提供了丰富的DOM操作方法,如`append()`、`prepend()`用于元素的插入,`html()`、`text()`用于元素内容的设置,`remove()`、`detach()`用于元素的移除。这些方法使得DOM操作变得简单而直观。 3. **事件处理...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    包括元素的创建与插入(`$(html)`, `.append()`, `.prepend()`),元素的删除(`.remove()`, `.detach()`),以及属性的获取与设置(`.attr()`, `.prop()`)等。 7. **jQuery动画效果**: 动画效果是jQuery的一大亮点,...

    详解jQuery中的empty、remove和detach

    最后,detach方法提供了与remove类似的功能,但是它在移除元素时保留了所有相关的jQuery数据。当被移除的元素需要在之后重新插入到DOM中时,detach就显得非常有用。它的使用场景包括在进行大规模的DOM操作时,先从...

    jquery_api.mxp

    2. 删除元素:$.remove()可以移除匹配的元素,$.detach()则保留事件处理函数的同时移除元素。 3. 查找元素:$.find()用于在当前匹配的元素集中查找后代元素,$.children()则只查找直接子元素。 4. 属性操作:$.attr...

    jquery.api.3.2.1.zip

    3.2.1版中的`.clone()`函数可复制元素及其相关的事件处理程序,`.detach()`则能移除元素但保留其数据和事件。 三、遍历(Traversal) jQuery提供了丰富的遍历方法,如`.children()`获取直接子元素,`.parents()`...

    老生常谈jquery中detach()和remove()的区别

    .detach()方法也会将元素从DOM中移除,但与.remove()不同的是,.detach()方法保留了元素的事件处理器和绑定的数据。因此,当元素通过.detach()方法被移除后,尽管元素不再显示在页面上,但是当它再次被添加到DOM中时...

    Jquery 中文API 2.2与1.83

    2. 删除元素:`.remove()`,`.detach()`可以移除指定元素。 3. 替换元素:`.replaceWith()`用于替换匹配的元素。 4. 克隆元素:`.clone()`可以复制元素及其相关的数据和事件。 三、事件处理(Events) jQuery提供了...

    jQuery1.7 中文手册.chm

    2. **DOM操作(DOM Manipulation)**:jQuery提供了一系列方法用于操作DOM,如`append()`、`prepend()`用于在元素内部添加内容,`remove()`用于删除元素,`clone()`用于复制元素,`detach()`保留事件绑定但移除元素...

    jQuery 1.8.0 API 中文手册

    `$(selector).remove()` 和 `$(selector).detach()` 用于移除元素。 3. **事件处理**: jQuery 使用 `.on()` 方法绑定事件,例如 `$(selector).on('click', function(){...})`。同时,`.off()` 方法可以解除事件绑定...

    jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    `.remove()`删除匹配的元素,`.detach()`保留事件绑定地删除元素。 4. 克隆节点:`.clone()`方法可以复制一个或多个元素,并可以选择性地包含其事件和数据。 二、jQuery特殊属性操作 1. CSS属性:使用`.css(...

    15天学会jquery.rar

    3. **DOM操作**:jQuery提供了一系列方法来操作DOM,如.append()、.prepend()用于元素的添加,.remove()、.detach()用于删除,以及.clone()用于复制元素。通过这些方法,可以轻松实现页面动态更新。 4. **CSS操作**...

    jquery 1.4.1 中文文档+1.4.2.js 天涯浪子

    - `detach() / remove() / empty()`:用于移除元素,`detach()`保留绑定的事件,而`remove()`则全部清除。 3. **事件处理** - `on() / off() / trigger()`: `on()`用于绑定事件,`off()`用于解绑,`trigger()`...

    JqueryApi中文手册

    **jQuery API 中文手册** jQuery 是一款广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及...在实际开发中,结合实践与手册,可以更好地理解和掌握jQuery的精髓。

    jQuery-3.3.1

    jQuery是JavaScript库中的一个经典之作,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互等任务。jQuery-3.3.1是这个库的一个重要版本,它提供了许多优化和改进,旨在提升性能和兼容性,同时也修复了一些已知...

    jquery 使用方法.docx

    6. **元素的复制、删除和创建**:`.clone()` 复制元素,`.remove()` 或 `.detach()` 删除元素,其中 `.detach()` 保留事件绑定。`.empty()` 清空元素内容。创建新元素通常通过构造函数,如 `$('ul').append('<li>...

    jQuery1.11.0_中文版.chm.zip

    2. 删除元素:`.remove()`用于移除元素,`.detach()`则保留事件处理函数。 3. 复制和替换:`.clone()`, `.replaceWith()`, `.replaceAll()`提供了元素复制与替换功能。 三、CSS操作 jQuery提供了便捷的CSS操作接口...

    jQuery离线文档.rar

    `.append()`、`.prepend()`、`.before()`和`.after()`等方法可以插入内容到元素中,`.remove()`和`.detach()`则用于移除元素。 对于CSS操作,jQuery不仅支持基本的样式设置,如`.css("property", "value")`,还能...

Global site tag (gtag.js) - Google Analytics