`

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

    详解jQuery中的empty、remove和detach

    最权威的解释当然是jQuery_API咯,下面是API中关于他三儿的部分截取。 一、empty: This method removes not only child (and other descendant) elements, but also any text within the set of matched elements....

    jQuery 1.4.1 中文参考

    11.2 数组和对象操作 183 11.2.1 jQuery.each(object, [callback]) 183 11.2.2 jQuery.extend([deep], target, object1, [objectN]) 183 11.2.3 jQuery.grep(array, callback, [invert]) 185 11.2.4 jQuery.make...

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    jquery插件使用方法大全

    ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...

    jQuery 1.5 API 中文版

    IE用户无法在线查看本文档,请下载jQuery API Version1.5 中文版AIR客户端查看,或者使用chrome,safari,firefox,opera等浏览器查看!!! jQuery 1.5 API Cheat Sheet来源 Selectors Basics #id element .class, ...

    jQuery删除/清空指定元素的所有子节点实例代码

    我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用jQuery...

    jQuery的DOM操作之删除节点示例

    jQuery提供了两种删除节点的方法,remove()方法和empty()方法。 1. remove(): &lt;&#37;@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    jquery1.11.0手册

    jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* ... 数组和对象操作 $.each(object,[callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array,fn,[invert]) ...

    jQuery1.4及中文手册

    jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。...4.find, empty, remove, addClass, removeClass, hasClass, attr, and css 等方法进行了重构,大大的优化

    Jquery 1.3 简体中文手册

    数组和对象操作 $.each(object, [callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array, fn, [invert]) $.makeArray(obj) $.map(array, callback) $.inArray(value, array) $.merge(first, second) $....

    JQuery 1.3 中文参考手册

    数组和对象操作 $.each(object, [callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array, fn, [invert]) $.makeArray(obj) $.map(array, callback) $.inArray(value, array) $.merge(first, second) $....

    jQuery1.4 API

    replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone() clone(true) 筛选过滤 eq(index) first() last() hasClass(class) filter(expr | fn) is(expr) map(callback) has(expr) not(expr) ...

    jQuery完全实例.rar

    context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three...

Global site tag (gtag.js) - Google Analytics