最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery中DOM节点删除之empty与remove
时间:2017-02-10 编辑:简简单单 来源:一聚教程网
最近刚学了新知识,虽然是一个小知识点,但还是忍不住想和大家分享。本文的内容主要针对的是初学者,如果大家有什么意见或者问题都可以留言交流的,下面来看看详细的介绍吧。
.empty()是指对该节点后代的删除,结果是清空该节点(该节点里面已无元素)。
.remove()是指删除该节点,结果是删除该节点(该节点及其后代元素都将不存在)。
下面放代码来说明。
代码如下 | 复制代码 |
body{ background: #ffe5aa; } #test1{ width:100px; height:100px; background: #3db7ff; } #test2{ width:100px; height:100px; background: #ff179f; }
元素1
元素2
元素3
元素4
$(".bt1").on('click',function(){ $("#test1").empty(); }) $(".bt2").on('click',function(){ $("#test2").remove(); })
|