jQuery 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

时间: 2024-10-07 20:06:14

jQuery remove()和empty()的相关文章

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

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

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

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

jQuery remove()与jQuery empty()的区别

jQuery remove() 方法删除被选元素及其子元素.举例如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="/jquery/jquery-1.11.1.min.js"></script> 5 <script> 6 $(document).ready(function(){ 7 $("button").click(function(

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

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

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

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

jQuery remove 内存 释放

解决方案(伪代码):(http://www.cnblogs.com/see7di/archive/2011/09/08/2239653.html)jQuery( “*”, obj).add([obj]).each(function(){jQuery.event.remove(this);jQuery.removeData(this);}); obj.innerHTML = “”; 2  增加知识 http://www.cnblogs.com/Xdoable/archive/2011/09/06/

onchange 、oninput 区别&amp;remove、empty

首先,onchange主要用于<input> <textarea><select>; 其次,onchange只有光标脱离原输入框中(即失去焦点)才默认为事件发生: 再次,所有主流浏览器都兼容此事件: 最后,onchange 事件也可用于单选框与复选框改变后触发的事件. 与本事件类似的 oninput 首先,该事件在 <input> 或 <textarea> 元素的值发生改变时触发. 其次,只要元素值发生改变就触发事件: 再次,属于H5,兼容IE9

12.使用remove()和empty()方法删除元素

remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素. 例如,调用remove()方法删除<span>元素中类别名为“red”的,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用remove(".red")方法只是把<span>元素中类别名为“red”的这部分元素给删除了.

remove()与 empty()的区别

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