前端超级好用a标签跳转带锚点效果

<div class="nav">
<ul>

      <li><a href="1.html" class="hover"> 首页</a></li>

      <li><a href="2.html"> 用户中心</a></li>

      <li><a href="3.html"> 关于我们</a></li>

      <li><a href="4.html"> 联系我们</a></li>

</ul>

</div>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

      $(document).ready(function(){

           $(".nav a").each(function(){

            $this = $(this);

            if($this[0].href==String(window.location)){

                   $this.addClass("hover"); //hover表示被选中效果的类名

            }

         });

   });

</script>

---------------------

转载原文：https://blog.csdn.net/shi851051279/article/details/52885007