Jquery的li导航菜单选中

最新推荐文章于 2024-07-24 13:52:34 发布

怖丁儿

最新推荐文章于 2024-07-24 13:52:34 发布

阅读量698

点赞数

本文介绍如何利用jQuery解决li导航菜单的选中问题，通过代码实例展示如何在点击链接时实现菜单项的高亮效果。

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">//Jquery解决li的导航菜单的选中问题</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">//<li><a href='#'></a></li>的格式</span>

<pre name="code" class="javascript"><pre name="code" class="javascript">$(function() {  
    $("a").click(function() {   
        if($(this).parent("li"))
        {
          $("li").each(function(){				
               $(this).removeClass("on");		
           });
            $(this).parent("li").addClass("on");
        }
    });
})