jquery的empty()方法与jquery的remove()的区别及作用

原创 2016年08月30日 09:51:50
 <style type="text/css">
div{
  height:200px;
  width:200px;
  border:1px solid red
}
ul li{
  border:1px solid blue;
  height:100px;
  width:100px;
}
</style>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">  
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("div").empty(); //此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点。
	//$("div").remove();//则是把其从dom中删除,而不会保留其所占的位置。
  }); 
}) 
</script>
</head>
<body>
<div>
  empty测试
</div>
<button>点击查看效果</button>
</body>
</html>

1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
例:<p>Hello</p>World<p>welcome</p> 
执行$("p").empty()其结果是<p></p>World<p></p>
执行$("p").remove()其结果是World 
版权声明:本文为博主原创文章,未经博主允许不得转载。

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

引言: 最近项目中用到了这几个方法,感觉很大程度上有些相似,查了Jquery的api,同时也找了很多博客文章,发现还是理解不到区别。最后在很多材料和自己的事例验证中,终于找到了区别,不敢独占特拿出来...
  • walkerJong
  • walkerJong
  • 2012年09月18日 15:44
  • 12759

jQuery解读之empty、remove、detach区别

通过一张表来
  • qinshenxue
  • qinshenxue
  • 2014年04月16日 11:30
  • 11948

浅谈jQuery中的删除方法empty()、remove()和detach()

jQuery提供了三种删除节点的方法:remove()、detach()和empty()。 1.empty():不是删除节点,而是清空节点,清空匹配的元素集合中所有的子节点,但元素自身和事件都未被删除...
  • zhouziyu2011
  • zhouziyu2011
  • 2017年04月25日 12:58
  • 819

JQuery empty方法和remove方法的区别

empty方法             #main{width:200px;margin:auto;border:1px solid red;}                     ...
  • limlimlim
  • limlimlim
  • 2013年07月03日 11:18
  • 9675

jquery append,each,empty,remove方法总结

最近项目中经常用到jquery,周末做个小结。 1.  .append()方法 /*this part of code addes a new li include img and link*/ ...
  • wusuopuBUPT
  • wusuopuBUPT
  • 2013年08月09日 18:47
  • 4178

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

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。 empty()是只移除了 指定元素中的所有子节点,拿$("p").empty...
  • szwangdf
  • szwangdf
  • 2014年11月05日 09:47
  • 30721

jQuery源码分析之empty和remove方法四问

测试代码1:把id为first下面所有的子元素移除 $(document).ready(function(){ ...
  • liangklfang
  • liangklfang
  • 2015年10月12日 09:59
  • 1090

jquery删除、清空<div>之间的内容---empty()与remove()区别

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$(“p”).empty()...
  • yhj19920417
  • yhj19920417
  • 2015年11月02日 17:26
  • 473

jQuery: empty()与html()

empty():removes all data and event handlers from the removed elements.To avoid memory leaks, jQuery ...
  • FuDesign2008
  • FuDesign2008
  • 2010年11月29日 10:34
  • 2526

jQuery---JQuery remove(),removeAttr()和removeClass()示例区别

JQuery remove()方法 remove()方法与detach()方法相同,它从DOM中删除所选元素,包括所有文本和子节点。但是,它不会将与DOM中匹配的元素集合中的已删除元素相关联的所有数...
  • Dunhuang_Hyoutei
  • Dunhuang_Hyoutei
  • 2017年08月04日 18:37
  • 898
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的empty()方法与jquery的remove()的区别及作用
举报原因:
原因补充:

(最多只允许输入30个字)