jquery 关于导航条的问题

<div id="nav">
            <ul class="mar">
                <li><a class="active" href="Default.aspx"><span>首页</span></a></li>
                <li><a href="#"><span>精美模板</span></a></li>
                <li><a href="#"><span>前端技术</span></a></li>
                <li><a href="#"><span>DIV+CSS</span></a></li>
                <li><a href="#"><span>实用JS库</span></a></li>
                <li><a href="#"><span>经验体会</span></a></li>
                <li><a href="#"><span>插件应用</span></a></li>
                <li><a href="#"><span>工具软件</span></a></li>
                <li><a href="#"><span>C#.net</span></a></li>
                <li><a href="#"><span>收藏夹</span></a></li>
            </ul>
        </div>效果是，在我点击按钮时间给Ａ加样式class="active"，其他的清除样式
Jquery 是刚学的，有点菜，希望大家指点一下

解决方案 »

  1.   


    $("li").click(function(){
        $(this).addClass("active").siblings().removeClass("active");//这样就可以了
    });
      

  2.   


    功能没有实现。我是想点击的时候，给当前的Ａ加样式"active"其他的Ａ清除样式“active”
      

  3.   

    http://topic.csdn.net/u/20100727/10/59e89175-faf6-4e93-a14f-6354eb5ba90e.html
    看这个帖子.跟你的问题一样.在里面的回复如下,基本上,你按照你的dom结构改改就可以  <div class="page_number">
         <ul>
              <li><a href="#" id="page1">1</a></li>
              <li><a href="#" id="page2">2</a></li>
              <li><a href="#" id="page3">3</a></li>
              <li><a href="#" id="page4">4</a></li>
               <li><a href="#" id="pageN">></a></li>
          </ul>
     </div>
    $(document).ready(function(){
        var curPage = 0;
         $(".page_number ul li a").each(function(){
              $(this).click(function(){
                  $(this).css("background","blue");
                  if(curPage != 0){
                      $("#"+curPage).css("background","");
                  }
                  curPage = $(this).attr("id");
              });
         });
    });