<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#div1").remove();
});
$("#btn2").click(function(){
$("#div1").empty();
});
$("#btn3").click(function(){
$("p").remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:300px;width:300px;border:1px solid black;background-color:yellow;">
div 标签
<p>我是p标签,这是div里面的一个段落</p>
<p>我是p标签,这是div里面的另外一个段落</p>
</div>
<br />
<button id="btn1">删除div元素</button>
<button id="btn2">使div元素里面为空(empty)</button>
<button id="btn3">删除p标签里面的的元素</button>
</body>
</html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#div1").remove();
});
$("#btn2").click(function(){
$("#div1").empty();
});
$("#btn3").click(function(){
$("p").remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:300px;width:300px;border:1px solid black;background-color:yellow;">
div 标签
<p>我是p标签,这是div里面的一个段落</p>
<p>我是p标签,这是div里面的另外一个段落</p>
</div>
<br />
<button id="btn1">删除div元素</button>
<button id="btn2">使div元素里面为空(empty)</button>
<button id="btn3">删除p标签里面的的元素</button>
</body>
</html>