点击时jquery突出显示链接

Question

点击它时如何使用jquery突出显示链接？

例如,当我点击链接class1_1时,我想将此链接设为红色(或其他颜色).

这里的javascript代码:

<script type="text/javascript">
 $(function(){
  $("#menu li").each(function(){
     $(this).click(function(event){
       var ul=$(this).children("ul")
       var span = $(this).children("span")
       if(ul.html()!=null)
       {
          if(ul.css("display")=="none")
          {
            ul.css("display","block");
            span.addClass("up")
          }else
          {
            ul.css("display","none")
            span.removeClass("up")
          }
           event.stopPropagation();
       }else
       {
         event.stopPropagation();
       }
     });
  });
  return false;
 });
</script>

这里的HTML代码:

<ul id="menu">

<li class="title"><span>class1 </span>
<ul>
  <li><a href="">class1_1</a></li>
   <li><a href="">class1_2</a></li>
 </ul>
 </li>
<li class="title"><span>class2</span>
   <ul>
  <li><span>class2_1</span>
   <ul>
    <li><a href="">class2_1_1</a></li>
    <li><a href="">class2_1_1</a></li>
  </ul>
  </li>
 </ul>
</li>
</ul>

也许我无法清楚地解释我的问题,我的意思是最后的onclick链接制作它

颜色为红色,另一个链接设置为默认颜色

Answer 1

可以使用CSS,不需要jQuery:

突出:

a:active {
    background-color: #FF0000;
}

更改链接颜色:

a:active {
    color: #FF0000;
}

编辑:回复您的评论...如果您的链接没有将浏览器指向另一个页面,您可以使用Mike Robinson的答案来完成相同的效果,而无需离开页面并且不将颜色更改回默认的onblur.

Answer 2

认为这应该这样做,虽然我现在手头没有jquery.假设'up'是一个让你的链接变红的课程:

$("ul#menu a").click(function(){
 $(this).addClass('up');
});