点击当前页，当前菜单处于选定。

2019独角兽企业重金招聘Python工程师标准>>>

<nav>
  <ul>
    <li><a href="/" id="index">首页</a></li>
    <li><a href="/Home/About" id="about">关于我们</a></li>
    <li><a href="/Home/News" id="news">媒体新闻</a></li>
    <li><a href="/Home/Join" id="join">加入我们</a></li>
  </ul>
</nav>

第一步：给每个菜单项定义一个id。如上代码；

 

第二步：在每个页面加载时，加入js

<script>
    $(function () {
        $("#about").attr("class", "selected");
    });
</script>

备注：其中，selected样式，是事前要在css里定义过。

转载于:https://my.oschina.net/u/583531/blog/789449