[jQuery]empty()和remove()的区别

简介: 要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下 了,仍保留其在dom中所占的位置。
要用到移除指定元素的时候,发现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
相关文章
|
JavaScript
jQuery的empty、remove、detach区别
jQuery的empty、remove、detach区别
104 0
|
JavaScript Java API
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
Java Web——jQuery中的第二组函数(remove、empty、append、html、each)与on()绑定事件
|
JavaScript 前端开发
jquery empty()方法
empty() 方法从被选元素移除所有内容,包括所有文本和子节点。 $(selector).empty() $(document).ready(function(){ $(".btn1").
1012 0
|
JavaScript
【jQuery】remove()和empty()的使用
在项目需求中 ,会涉及,为select下拉框中重新填充或追加新的下拉项。 这样的话 之前的下拉项就需要清除掉。 有了这个需求,就需要我们注意到remove()和empty()的区别在哪里: empty():删除匹配的元素集合中所有的子节点。
733 0
|
9月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
9月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
9月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
9月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
9月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
9月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件