`
jackroomage
  • 浏览: 1222850 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jquery之empty()与remove()区别

 
阅读更多

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
例:
<p>Hello</p>
World
<p>welcome</p>
执行$("p").empty()其结果是
<p></p>
World
<p></p>

执行$("p").remove()其结果是
World

 

 

总结:.remove() 移除的更干净!

分享到:
评论

相关推荐

    jquery之empty()与remove()区别说明

    在介绍完empty()与remove()方法的基本区别之后,再来看看它们使用上的一些细节和注意事项。empty()方法是一个无需传递参数的函数,它作用于匹配到的元素集合中的第一个元素,移除其所有子节点。而remove()方法则可以...

    详解jQuery中的empty、remove和detach

    使用remove方法移除元素时,元素将会被完全从文档对象模型(DOM)中清除,且不会保留任何与之相关的数据或事件监听器。然而,remove与empty的主要区别在于,remove方法在移除元素时,会同时清除元素上的数据和事件...

    jQuery中DOM节点删除之empty与remove

    DOM节点删除相信对每个初学jQuery的新手们来说都不陌生,下面这篇文章主要介绍了jQuery中DOM节点删除之empty与remove的相关资料,有需要的朋友可以参考借鉴,感兴趣的下面来一起学习学习吧。

    基于DOM节点删除之empty和remove的区别(详解)

    本文将探讨在删除DOM节点时,jQuery中的两个方法:empty() 和 remove() 的区别和用法。 首先,empty() 方法的定义是清空指定元素内的所有子节点。这意味着,如果你对一个元素使用了empty() 方法,那么这个元素内部...

    jquery 内存泄露bug

    4. **缓存**:jQuery中的`data()`方法用于存储与DOM元素相关的数据,如果不清理,可能会造成内存泄漏。使用`$.removeData()`可以清除特定元素的数据。 5. **插件问题**:某些第三方jQuery插件可能也有内存管理问题...

    jquery手册jquery的学习jquery的学习

    2. 删除元素:`remove()`方法可以移除指定的元素,而`empty()`则清空元素内的内容。 3. 选择与遍历:`children()`、`parents()`、`siblings()`等方法用于获取元素的子元素、父元素或同级元素。 四、事件处理 jQuery...

    jquery添加和删除元素

    jQuery提供了`remove()`方法用于从DOM中移除元素。当你想要删除某个元素时,只需调用此方法即可。例如,如果我们想删除id为"myElement"的元素,可以这样操作: ```javascript $("#myElement").remove(); ``` 此外,...

    jQuery删除节点用法示例(remove方法)

    这与`remove()`不同,`remove()`会连同元素一起移除。 这些示例展示了jQuery在处理DOM操作时的灵活性和高效性。`remove()`方法不仅能够简单地删除元素,还能配合其他选择器和方法实现复杂的删除逻辑。同时,`remove...

    jQuery-2.2.4.js

    此外,$(element).remove()和$(element).empty()则用于删除或清空元素。 事件处理是jQuery实现用户交互的关键。使用$(element).on('event', callback)可以绑定事件,例如$(document).ready(function() {})用于页面...

    JQuery API 参考文献

    3. **DOM操作**: `append()`, `prepend()`, `before()`, `after()` 方法用于在元素前后插入内容,而 `remove()`, `empty()` 用于删除或清空元素。 4. **事件处理**: 使用 `.on()`, `.off()`, `.click()`, `.hover()...

    jquery-1.5.1

    2. **DOM操作**:jQuery提供了丰富的DOM操作方法,如`append()`、`prepend()`用于元素插入,`remove()`、`empty()`用于元素移除,`attr()`、`removeAttr()`处理属性,`css()`调整样式。 3. **事件处理**:jQuery...

    Learning jquery中文版

    此外,还将讲解如何使用`clone()`、`remove()`和`empty()`等方法处理元素的复制与移除。 事件处理在jQuery中同样重要。jQuery提供了一套统一的事件绑定和触发机制,使得跨浏览器的事件处理变得更加一致。书中会阐述...

    Jquery API 1.4(中文)+ Jquery 1.42

    3. 删除元素:`remove()`可删除匹配的元素,`empty()`则清空元素的所有子元素。 四、事件处理 jQuery提供了丰富的事件处理函数,如`click()`, `mouseover()`, `mouseout()`等,使得绑定和解绑事件变得简单。`$...

    jquery1.4.2库 jquery1.4.2中文参考手册

    2. 删除:".remove()"方法用于移除元素,".empty()"则清空元素内的所有子节点。 3. 查找与遍历:".find()"查找后代元素,".next()", ".prev()", ".siblings()"等则用于遍历相邻元素。 三、事件处理 jQuery的事件...

    jquery api jquery_api

    jQuery提供了大量方法用于DOM操作,如`.append()`, `.prepend()`, `.after()`, `.before()`用于元素插入,`.remove()`和`.empty()`用于删除或清空元素,`.html()`, `.text()`, `.val()`用于获取或设置元素内容。...

    jquery开发文档

    `.remove()` 和 `.empty()` 则用于删除或清空元素。 ### 3. 事件处理 jQuery 提供了一系列简化的事件绑定方法,如 `.click()`, `.mouseover()`, `.mouseout()`, `.submit()` 等。`.on()` 方法更是通用,可以处理...

    锋利的jquery-第一版

    此外,`clone()`、`remove()`和`empty()`方法分别用于复制、移除和清空元素内容。 jQuery还简化了 AJAX(异步JavaScript和XML)请求。`$.ajax()`函数允许我们发送HTTP请求到服务器,获取或发送数据,无需刷新页面。...

Global site tag (gtag.js) - Google Analytics