`

JQuery的remove和empty的区别

 
阅读更多

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
分享到:
评论

相关推荐

    详解jQuery中的empty、remove和detach

    empty、remove和detach三者都有把元素移除的作用,但细微的差别,造就了它们的使命不同。下面给大家介绍jQuery中的empty、remove和detach的区别,感兴趣的朋友一起学习吧

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

    要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。

    jQuery中DOM节点删除之empty与remove

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

    jQuery – 删除元素

    如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() – 删除被选元素(及其子元素) empty() – 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。 实例 $...

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

    要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty和remove方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有...

    jQuery删除节点的三个方法即remove()detach()和empty()

    jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。 测试所用HTML代码: 代码如下: ”选择你最喜欢的水果?”&gt;你最喜欢的水果是?&lt;/p&gt; &lt;ul&gt; ”苹果”&gt;苹果&lt;/li&gt; ”橘子”&gt;橘子&lt;/li&gt; ”菠萝”&gt;菠萝...

    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帮助文档

    removeData(name) queue(name ,[cb|queue]) dequeue(name) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr...

    jquery插件使用方法大全

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

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

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

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

    jQuery详细教程

    jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...

    jquery1.11.0手册

    jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector ...

    jQuery1.4及中文手册

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

    JQuery1.3笔记.txt

    一個隨身的技巧手冊,txt版本的,所以,廣大友人可以在公車上,電梯間,抑或者睡前三分鐘,鞏固和複習, 減少浪費生命的行為 Attribute: $(“p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(“img”)....

Global site tag (gtag.js) - Google Analytics