jQuery addClass生效之后又消失

原因：

当你点击一个链接时，页面的整个DOM被拆除和丢弃，并创造了DOM更换通过阅读新页面的HTML。所以您对旧DOM的更改不会持久。

<ul class="nav nav-sidebar">
                <li class="active"><a href="home.html" >收藏中心</a></li>
                <li><a href="index.html">主页</a></li>
                <li><a href="search.html">搜索</a></li>
 </ul>
<script>
    $(function () {
        $(".nav-sidebar li").click(function () {
            let index = $(this).index();
            $(".nav-sidebar li").eq(index).addClass("active")
        })
    })
</script>

解决：

1.既然跳转链接之后DOM会销毁，我们可以先添加class属性，然后再离开的时候移除这个属性。

$(".nav-sidebar li").eq(index).removeClass("active")

2.还可以，直接在对应的跳转页面设置class属性，还不用移除了

<li class="active"><a href="home.html" >收藏中心</a></li>