<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(".has_children").click(function () {
            $(this).addClass("highlight")
            .children("a").show().end()
            .siblings().removeClass("highlight")
            .children("a").hide();
        });       
    </script>
    <style type="text/css">
        #menu
        {
            width: 300px;
        }
        .has_children
        {
            background: #555;
            color: #fff;
            cursor: pointer;
        }
        .highlight
        {
            color: #fff;
            background: green;
        }
        div
        {
            padding: 0;
            margin: 10px 0;
        }
        div a
        {
            background: #888;
            display: none;
            float: left;
            width: 300px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="menu">
        <div class="has_children">
            <span>第1章-认识jQuery</span> <a>1.1aaaaaaaa</a> <a>1.1aaaaaaaa</a> <a>1.1aaaaaaaa</a>
            <a>1.1aaaaaaaa</a> <a>1.1aaaaaaaa</a>
        </div>
        <div class="has_children">
            <span>第2章-认识jQuery</span> <a>1.2aaaaaaaa</a> <a>1.2aaaaaaaa</a> <a>1.2aaaaaaaa</a>
            <a>1.2aaaaaaaa</a> <a>1.2aaaaaaaa</a>
        </div>
        <div class="has_children">
            <span>第3章-认识jQuery</span> <a>1.3aaaaaaaa</a> <a>1.3aaaaaaaa</a> <a>1.3aaaaaaaa</a>
            <a>1.3aaaaaaaa</a> <a>1.3aaaaaaaa</a>
        </div>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    运行后,单击标题没有反应,是这时写错了吗.
    <script type="text/javascript">
      $(".has_children").click(function () {
      $(this).addClass("highlight")
      .children("a").show().end()
      .siblings().removeClass("highlight")
      .children("a").hide();
      });    $(".has_children")加个点是怎么回事?
      

  2.   

    http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html
      

  3.   

    $(".has_children")
    找标记ID 用$("#ID") 找HTML标记用$(HTMl)
      

  4.   

    LZ  你少了点东西$(document).ready(function(){
          $("div.has_children").click(function () {
              
            
              $(this).addClass("highlight")
              .children("a").show().end()
              .siblings().removeClass("highlight")
              .children("a").hide();
          });
      })   
      

  5.   


     <script type="text/javascript">
        $(function(){          
                $(".has_children").click(function () {
                $(this).addClass("highlight")
                .children("a").show().end()
                .siblings().removeClass("highlight")
                .children("a").hide();
           });   
        });
     </script>
    这就有反应了
      

  6.   

    如果楼主想用Jquery,建议先搜索一下Jquery入门教程,然后按教程走一遍,不行再来提问。
      

  7.   

    <script type="text/javascript">
        $(function(){          
                $(".has_children").click(function () {
                $(this).addClass("highlight")
                .children("a").show().end()
                .siblings().removeClass("highlight")
                .children("a").hide();
           });   
        });
     </script>
    这样写就行了,哈哈
      

  8.   

    别急 去下载个JQUERY API 1.2中文版电子书 慢慢学
      

  9.   

    楼主,我也在学jquery,也遇到了和你一样的问题,看了你的解决方案,例子能运行了,但是不懂原理。请问你想出来了吗?