首页 > 代码库 > jquery之empty()与remove()区别

jquery之empty()与remove()区别

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

1 <p>Hello</p>
2 World
3 <p>welcome</p> 


执行$("p").empty()其结果是:

1 <p></p>
2 World
3 <p></p> 



执行$("p").remove()其结果是:

1 World

 

jquery之empty()与remove()区别