1、新建一个html页面，命名为test.html。
2、在test.html页面内，使用p标签创建三行文字。
3、在p标签的下面，创建一个button按钮，按钮名称为“清除网页内容”。
4、给button按钮绑定onclick点击事件，当按钮被点击时，执行delAll()函数。
5、在test.html页面内，使用function创建delAll函数。
6、在delAll函数内，获得当前页面body对象，使用innerHTML属性赋值为空的方法清除网页内容。
7、在浏览器中打开test.html页面，点击“清除网页内容”按钮，网页显示空白，内容被清除。
这个用jquery实现起来相当容易： $('#fu a').click(// a标签单击事件处理函数 function(){ // 删除img $('#div1 img').remove()// 删除a标签 $('#fu a').remove()} )基本上就是通过选择器选中要删除的元素，然后调remove()函数就可以了。直接将标签jquery的remove()方法即可，其下面的内容也就同时移除了。
remove() 方法移除被选元素，包括所有文本和子节点。
该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。
语法:
$(selector).remove()
例如：
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").remove()
})
})
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素</button>
</body>
</html>
