remove()与 empty()的区别

要用到移除指定元素的时候,发现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

原文地址:https://www.cnblogs.com/liyuspace/p/9308805.html

时间: 2024-07-31 10:56:21

remove()与 empty()的区别的相关文章

jQuery中remove()和empty()的区别

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

[JS][jQuery]remove()与 empty()的区别

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

[JS][jQuery]清空元素html(&quot;&quot;)、innerHTML=&quot;&quot; 与 empty()的区别 、remove()区别

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别     1.错误做法一:           $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("#t

Jquery empty() remove() detach() 方法的区别

方法简介: empty() This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child no

[JS][jQuery]清空元素html(&quot;&quot;)、innerHTML=&quot;&quot; 与 empty()的区别:关于内容泄露问题

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别      1.错误做法一:            $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("

php中的isset和empty的区别与认识

for example: $tmp = ''; isset($tmp); => true empty($tmp);   =>     true 未赋值的$test isset($test); => false empty($test);   => true isset指的是是否给变量赋值,即使赋值为空,也为他申请了一块内存空间,判断的标准为是否申请一块内存空间 empty指的是判断里面的值,如为空,或者未赋值,则为true,否则为false php中的isset和empty的区别与

PHP学习笔记之issert和empty的区别

一:PHP中 issert和empty的区别: isset查看一个变量是否已经被设置并且不为空(Determine if a variable is set and is not NULL) empty查看一个变量是否为空 "".0."0".NULL.FALSE.array().$var($var是一个没有赋值的变量) 另外需要注意的是从PHP5.5开始,empty()只能支持变量,其他任何东西传递进来都将会导致介解析错误. 换句话说,像下面的这个表达式将不再凑效e

jquery 中remove()与detach()的区别

remove()与detach()方法都是从dom中删除所有的元素 两者的共同之处在于都不会把匹配的元素从jQuery对象中删除. 不同之处在于用remove()删除的元素,除了元素被保留,其他的在这个元素上的绑定事件等都会被移除,但是detach()方法不会移除这个元素上的方法或者是附加数据. 简单举例: html: <body><p>区别</p></body> js: p元素的绑定事件 $("p").click(function(){

探索jquery方法中empty,remove与detach的区别

最近一直疑惑此三种方法的具体区别在于何处,随即想弄明白其具体的区别,看了一些说明,也依照官方文档,终于把这三个方法弄明白了,果然功夫不负有心人,继续努力. 上正文,先简单介绍下这三种方法 .empty()  描述: 从DOM中移除集合中匹配元素的所有子节点. 这个方法不接受任何参数. 这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本.因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点.请看下面的HTML: <div class="container">