`

jquery文档删除操作remove()和empty()

 
阅读更多
http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp


1.empty()删除匹配的元素集合中所有的子节点。

2.detach() 从 DOM 中移除匹配元素集合。
移除被选元素，包括所有文本和子节点。
保留 jQuery 对象，保留所有绑定的事件、附加的数据。

3.remove() 方法移除被选元素，包括所有文本和子节点。
保留 jQuery 对象可以在将来再使用这些匹配的元素，
与 detach() 不同：不保留元素的 jQuery 数据（绑定的事件、附加的数据等都会被移除）。 

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
      <!--//保留p对象的内容，仍旧可以将原有jquery对象的内容追加-->
    $("body").append($("p").detach());
      <!--移除h2，可见h2对象的内容一同被移除-->
    $("body").append($("h2").remove());
      <!--清空body对象的子节点-->
    $("body").empty();
  });
});
</script>
<body>
<p>This is a para.</p>
<h1>hi,wjy</h1>
<h2>hello world！</h2>
<button>移除元素</button>
</body>
分享到：
| 在线生成不同像素的图片
评论
发表评论

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

相关推荐

    jQuery 文档操作方法

    本文将对 jQuery 文档操作方法进行详细的介绍，包括方法的语法、参数、返回值、使用场景和示例代码等。 addClass() 方法 addClass() 方法用于向匹配的元素添加指定的类名。该方法可以将一个或多个类名添加到元素上...

    jquery开发文档

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

    详解jQuery中的empty、remove和detach

    jQuery作为一个广泛使用的JavaScript库，提供了一系列方法来操作DOM元素，其中empty、remove和detach是三个用于元素移除的方法。它们虽然在功能上相似，但是在使用场合和具体行为上存在差异，接下来将对这三个方法...

    Jquery 1.4开发文档

    `remove()`和`empty()`则用于删除元素或清空元素内容。 ## 3. 事件处理 jQuery简化了事件处理，`click()`, `mouseover()`, `mouseout()`等方法可以直接绑定对应的事件。`bind()`和`unbind()`方法更为通用，可以...

    jquery学习文档中文版

    2. **DOM操作**：jQuery提供了便捷的方法来操作DOM，如`$(selector).html()`用于设置或获取元素的HTML内容，`append()`和`prepend()`用于在元素内部添加内容，`remove()`和`empty()`用于移除元素。 3. **事件处理**...

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

    在删除操作中，有几种方法可以实现元素的移除，其中jQuery提供了empty()和remove()两个方法，它们虽然都能实现移除元素的效果，但它们的行为和作用是有所不同的。 首先，我们来看empty()方法。empty()方法用于移除...

    Jquery1.2.6参考文档

    此外，`remove()`和`empty()`用于删除或清空元素内容。 三、事件处理（Events） 在jQuery中，绑定事件非常直观，如`click(function)`用于绑定点击事件。事件处理函数可以使用`event`参数获取事件相关信息，如`...

    jquery html文档

    总结，"jquery html文档"是一个宝贵的资源，不仅介绍了jQuery的基本概念和操作，还可能提供了一个现成的框架，可以帮助开发者快速上手并提升工作效率。通过理解和运用这些知识点，可以让你的网页变得更加生动、互动...

    JQuery的api文档

    - `remove()`和`empty()`分别用于删除元素和清空元素内容。 3. **事件处理（Events）** - `click()`, `mouseover()`, `mouseout()`等方法用于绑定事件处理函数。 - `on()`是更通用的事件绑定方法，可以处理动态...

    JQuery1.2.3下载 和 JQuery中文帮助文档

    同时，`.clone()`, `.remove()`, `.empty()`等方法用于元素的复制、删除和清空。 Ajax是JQuery中的重要组成部分，它提供了一套简洁的接口来处理异步数据请求。在1.2.3版本中，`.ajax()`, `.get()`, `.post()`等方法...

    jquery添加和删除元素

    本文将详细讲解如何使用jQuery来添加和删除元素，这在Web开发中是极为常见的需求。 首先，让我们理解jQuery的核心概念。jQuery通过选择器（Selectors）找到页面中的元素，然后对这些元素执行各种操作。比如，我们...

    jQuery帮助文档

    jQuery帮助文档 查询非常方便 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context ...

    JQuery说明文档

    `.remove()`方法可以删除元素，而`.empty()`清空元素内容。 **3. 属性操作** 使用`.attr()`和`.removeAttr()`可以获取或设置元素的属性。例如，`$("input").attr("disabled", true)`会禁用所有输入元素。`.prop()`...

    jquery动态添加删除(tr/td)

    在介绍jQuery动态添加删除表格行（tr）和单元格（td）的过程中，首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库，它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互，对于Web开发人员来...

    Jquery 1.7 api文档

    - `.remove()`, `.detach()` 用于移除元素，`.empty()` 清空元素内容。 3. **事件处理（Event Handling）** - `.on()`, `.off()`, `.one()` 用于绑定、解绑和一次性执行事件处理器。 - `.click()`, `.mouseover...

    jQuery API文档

    2. 删除元素：`.remove()`, `.detach()`可删除DOM元素，`.empty()`清空元素内容。 3. 获取/设置属性：`.attr()`, `.removeAttr()`, `.prop()`, `.removeProp()`用于处理元素属性和特性。 三、事件处理 1. 绑定事件...

    jquery Manipulation元素操作

    jQuery还支持组合选择器，使得选取和操作DOM元素变得更加灵活。 元素操作包括添加、删除、修改和插入。`.html()`方法用于获取或设置元素的HTML内容，`.text()`则处理纯文本内容。`.append()`、`.prepend()`、`....

    jQuery js学习文档

    `$(selector).remove()` 和 `$(selector).empty()` 则用于删除元素或清空元素内容。 ### 四、事件处理 jQuery简化了事件绑定和解绑。`$(selector).click(function() {...})` 用于绑定点击事件，`$(selector).on(...

    jQuery DOM节点操作源码

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在"jQuery DOM节点操作源码"中，我们可以深入理解jQuery是如何优雅地处理DOM（Document Object Model）节点的...

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