求高手解决！jQuery

<!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>无标题文档</title>
<script src="jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
alert("sdsdsd");

});//测试的方法，这个弹出sdsdsd"下面的不出！$(".has_childern").oclik(function(){
$(this).addClass(".hightlight").children("a").show().end.siblings().
removeClass(".hightlight").children("a").hide();
});</script><style>
#menu{
width:300px;}
.has_childern{
background:#555;
color:#fff;
cursor:pointer;}
.hightlight{
color:#fff;
background:green;}
div{
padding:0; margin:10px 0}
div.a{
background:#888;
display:none;
float:left;
width:300px;}
</style>
</head><body>
<div id="menu">
      <div class="has_childern">
      <span>第1章认识jQuery和Javascript库</span><br/>
      <a>1.1-JavaScript和Javascript库</a><br/>
      <a>1.2-加入jQuery</a><br/>
      <a>1.3-编写简单的jQuery代码</a><br/>
      <a>1.4-jQuery对象和dom对象</a><br/>
      <a>1.5-的深刻sdk</a><br/>
      <a>1.6-独生女看电视呢打开速度</a><br/>
      <a>1.7-飒飒飒飒</a><br/>
      
      </div>   <div class="has_childern">
 
      <span>第2章认识jQuery和Javascript库</span><br/>
      <a>1.1-那哦哦哦无法卧佛</a><br/>
      <a>1.2-都能克服dnf快递费</a><br/>
      <a>1.3-都不少看电视看电视</a><br/>
      <a>1.4-jQuery对象和dom对象</a><br/>
      <a>1.5-的深刻sdk</a><br/>
      <a>1.6-独生女看电视呢打开速度</a><br/>
      <a>1.7-飒飒飒飒</a><br/>
      
      </div>
      
        <div class="has_childern">
          
          <span>第3章认识jQuery和Javascript库</span><br/>
          <a>1.1-那哦哦哦无法卧佛</a><br/>
          <a>1.2-都能克服dnf快递费</a><br/>
          <a>1.3-都不少看电视看电视</a><br/>
          <a>1.4-jQuery对象和dom对象</a><br/>
          <a>1.5-小结</a>
          </div>
</div></body>
</html>问题：
浏览显示页面的时候
只显示：第一章，第二章，第三章
鼠标单击的时候显示里面的详细信息，但我的怎么都出不来！
谢谢那位大侠帮我解决一下！我刚开始学jQuery
！非常谢谢！

解决方案 »

  1.   


    $(".has_childern").oclik(function(){//这里的oclik是啥？单击(click)吗？
    $(this).addClass(".hightlight").children("a").show().end.siblings().
    removeClass(".hightlight").children("a").hide();
    });
      

  2.   


    初学者出现拼写错误是非常常见问题。另外建议不要一下子写大段大段代码，可以循序渐进的测试，比如：$(".has_childern").click(function(){
      alert("On Click.");
    });
      

  3.   

    汗，建议你使用FireFox浏览器中的错误控制台测试JS代码的执行，编写JS要仔细，最好在编写过程中使用alert();跟踪代码执行！
      

  4.   

    $(document).ready(function(){
    alert("sdsdsd");
    //下面在这个不明白为什么要写到ready()的外面，这个运行时能找到对象？？？
    $(".has_childern").oclik(function(){
    $(this).addClass(".hightlight").children("a").show().end.siblings().
    removeClass(".hightlight").children("a").hide();
    });});//测试的方法，这个弹出sdsdsd"下面的不出！
      

  5.   

    ready相当于 onload方面，页面加载成功后调用这个方法。
      

  6.   

    $(".has_childern").oclik(function(){
    错误很明显啊，onclick写错了。
    建议使用firefox调试，他有个错误控制台，很好用。