明显的有问题
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>删除元素</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<h3>使用empty()方法删除元素</h3>
<span class="green">香蕉</span>
<span class="red">桃子</span>
<span class="green">葡萄</span>
<span class="red">荔枝</span>
<script type="text/javascript">
$("span").empty(".green")
</script>
</body>
</html>
2014-10-28
因为.empty() 函数不带参数的，与 .remove([selector]) 函数不一样。
可以参看jQuery 的API：
.empty() - .empty() 函数
.remove() - .remove() 函数
html代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>删除元素</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<h3>使用empty()方法删除元素</h3>
<span class="green">香蕉</span>
<span class="red">桃子</span>
<span class="green">葡萄</span>
<span class="red">荔枝</span>
<script type="text/javascript">
// $("span").remove(".red");
</script>
</body>
</html>css代码：
span
{
color: White;
padding: 8px;
margin: 5px;
float: left;
}
.green
{
background-color: Green;
}
.red
{
background-color: red;
}
div
{
border:1px solid silver;
width:235px;
height:130px;
margin:20px 0;
padding:0 10px;
}你将14行前面的双斜杠（"//"）去掉后对比去掉前就能看到remove()的效果了.
举报
