一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery中DOM节点删除之empty与remove

时间:2017-02-10 编辑:简简单单 来源:一聚教程网

最近刚学了新知识,虽然是一个小知识点,但还是忍不住想和大家分享。本文的内容主要针对的是初学者,如果大家有什么意见或者问题都可以留言交流的,下面来看看详细的介绍吧。

.empty()是指对该节点后代的删除,结果是清空该节点(该节点里面已无元素)。

.remove()是指删除该节点,结果是删除该节点(该节点及其后代元素都将不存在)。

下面放代码来说明。

 代码如下 复制代码

 

 

 

 

 

  通过empty删除节点

  通过remove删除节点

 

 

  

元素1

  

元素2

 

 

  

元素3

  

元素4

 

 

  $(".bt1").on('click',function(){

   $("#test1").empty();

  })

   $(".bt2").on('click',function(){

   $("#test2").remove();

  })

 

点击运行后,出现以下画面。

点击button1,将执行.empty()指令,预期将删除test1子节点元素。结果如下。

再点击button2,将执行.remove()指令。预期将删除test2及其后代子节点元素。结果如下。

热门栏目