<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<style>
.menu { padding:0; margin:0; list-style-type:none;}
.menu li { background:#FFD1A4; margin-right:1px; float:left; color:#fff; }
.menu li a { display:block; width:80px; text-align:center; height:32px; line-height:32px; color:#fff; font-size:13px; text-decoration:none;}
.cur{ background:#D96C00; font-weight:bold;}
</style>
<div class="bd" id="tab-content">
<ul class="clearfix">
<div class="tit-hd">
<ul class="clearfix">
<li>球员</li>
<li>球队</li>
<li class="last">进球</li>
</ul>
</div>
<div class="tit-bd">
<table style="width:100%;" id="shuts">heheheh
</table>
</div>
</ul>
</div>
<div id="aa">
<ul>
<li>yo</li>
<li>qq</li>
<li>hu</li>
</ul>
<div>jjj</div>
</div>
<ul class="menu" id="menu">
<li><a >首页</a></li>
<li><a >java综合</a></li>
<li><a >Eclipse</a></li>
</ul>
<script>
$('#menu li').click(function(){
$(this).addClass("cur").siblings().removeClass();
//$("#tab-content > ul").hide().eq($('#menu li').index(this)).show();
$("#aa > ul > li").hide().eq($('#menu li').index(this)).show();
$("#aa>div").hide();
});
</script>
</body>
</html>
$("#aa > ul > li").hide().eq($('#menu li').index(this)).show();意思是id为aa下的ul下的所有li先hide，然后指定eq（index）的li show出来