<head>
<meta charset="utf-8">
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<style type="text/css">
.t1{
background: red;
}
</style>
<title></title>
</head>
<body>
<div class="t1">
<p>text1</p>
<p>text2</p>
</div>
<button>使用empty删除</button>
<script type="text/javascript">
$("button").on('click',function(){
$(".t1").empty();
})
</script>
</body>
很简单。你清空了div以后，你的div又没有设置大小，所以就看不见了啊
.t1设置宽高值就可以出现
可以这么说一开始有背景,是因为你的这个盒子大小被两个p元素撑起来了,但是删除掉P后,盒子里边没有内容来支撑他,所以他没有高度了,背景也就显示不出来了
没有设置宽和高
检查一下对“t1”的定义。对比一下教程中的例子，感觉你的“t1”定义的很混淆。
empty()方法是删除数据的结构保留的数据本身还在内存中，可以在方法后面添加一个css样式