导航菜单点击后，被选中项css变化 求代码

Question

<script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
<div class="menu" >
<ul >
      <li class="now"><a href="" >积分榜</a></li>
      <li><a href="">回答榜 </a></li>
      <li><a href="" >提问榜</a></li>
      <li><a href="" >满意榜</a></li>
</ul> </div>
<style>.now{background:red;}</style>
<script>
$('.menu li').click(function(){
$('.menu li').removeClass('now');
$(this).addClass('now')
})
</script>

Answer 1

$(".menu ul li").click(function(){
$(this).addClass("now").siblings().removeClass("now");
});

Answer 2

  
大神，介个我试了不管用...   我这是一个网站，用在头部导航栏的，这段代码都是在公用head.html里面     ,   我想实现的效果是     鼠标点击一个栏目跳转到该栏目页面后(都是在父框架下跳转) ，对应的导航栏 栏目加一个底色，以突出显示该页面是这个栏目下的内容，    跟网易 科技 频道的那个栏目效果一样

Answer 3

window load 枚举菜单项url如果和浏览器地址一样就加背景色  
大神，介个我试了不管用...   我这是一个网站，用在头部导航栏的，这段代码都是在公用head.html里面     ,   我想实现的效果是     鼠标点击一个栏目跳转到该栏目页面后(都是在父框架下跳转) ，对应的导航栏 栏目加一个底色，以突出显示该页面是这个栏目下的内容，    跟网易 科技 频道的那个栏目效果一样

Answer 4

能给写下代码吗    拜托..
  
大神，介个我试了不管用...   我这是一个网站，用在头部导航栏的，这段代码都是在公用head.html里面     ,   我想实现的效果是     鼠标点击一个栏目跳转到该栏目页面后(都是在父框架下跳转) ，对应的导航栏 栏目加一个底色，以突出显示该页面是这个栏目下的内容，    跟网易 科技 频道的那个栏目效果一样

Answer 5

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<div class="menu" >
<ul >
      <li class="now"><a href="" >积分榜</a></li>
      <li><a href="">回答榜 </a></li>
      <li><a href="" >提问榜</a></li>
      <li><a href="" >满意榜</a></li>
</ul> </div>
<style>.now{background:red;}</style>
<script>
  $(document).ready(function(){
    $('.menu a').each(function(){$(this).parent()[this.href==String(location)?'addClass':'removeClass']('now')})
  })
</script>