<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<style>
.hidden{
display:none;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li>第一个</li>
<li class="hidden">第二个</li>
<li>第三个</li>
<li class="hidden">第四个</li>
<li>第五个</li>
<li class="hidden">第六个</li>
<li>第七个</li>
<li>第八个</li>
<a>更多</a>
</ul>
<script>
$("a").click(
function (){
var atext=$("a").html();
if(atext=="更多"){
$("li:hidden").show();
// $("li:hidden").css("display","block");
$("a").html("简化");
}else{
$("li[class='hidden']").hide();
$("a").html("更多");
}
})
</script>
</body>
</html>如果我在显示那里使用.show()那点击后显示的li前面全部都有那个标签自带样式圆点；但是如果我用.css("display","block")来显示隐藏的内容，那新显示出来的li前面就没有标签自带样式圆点；为什么会有这样的差别？