<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>01-基本选择器.html</title>
 <!--   引入jQuery --> 
 <script  src="js/jquery-1.8.3.js" type="text/javascript"></script>
 <style type="text/css" >
 div{
	 border:1px #333 solid; }
.yi{
	 
	background-color:#00F;
	}
span{
	color:#FFF;
	font-size:14px;
	 }		 
.diyue{
	font-size:24px; 
	} 
 </style>
 
 <script>
 $(function(){ 
       $("h2").click(function(){
	   $("ul").css("display","block")
		   })
	 })
</script>
</head>
<body >
<div>
 <h2>新手指南</h2>
 <ul style="display:none">
 <li class="yi"><a href="#"><span>会员注册</span></a></li>
 <li class="diyue"><a href="#">订阅更新</a></li>
 <li><a href="#">用户协</a></li>
 <li><a href="#">常见问题</a></li>
 </ul>
 </div>
</body>
</html>