在jQuery中，empty()和remove()方法都是用来删除DOM节点的：
empty() ：删除匹配的元素集合中所有的子节点，不包括自身。
remove([expr]) ：删除匹配元素，包括自身及节点中内容。
二者的区别在于是否删除自身的元素，下面两个示例展示了这两个方法的作用：
下面的代码首先使用标签选择器获取p标签，然后用p标签调用empty()方法，删除的是被p标签包裹的所有子标签，运行结果如下，该处只剩下一个p标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<p><span>I </span><b>Love You.</b></p>
<script>
$("p").empty();
</script>
</body>
</html>
下面的代码使用标签选择器获取目标标签之后调用remove()方法删除掉的是匹配的整个元素，包括里面包裹的内容及自身。运行结果中p标签整个元素都不存在了，div中的span标签也是。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<p><span>I </span><b>Love You.</b></p>
<script>
$("p").remove();
</script>
<div><span>I </span><span class="letters">Love You.</span></div>
<script>
$("span").remove(".letters");//删除class为letters的所有span标签
</script>
</body>
</html>
