尝试切换样式CSS链接“；href"；单击Jquery

尝试在单击元素时进行暗模式切换

切换div类=.dark\u模式

css链接类=.css链接

css链接href变量=style\uuuu old

我正在学习jquery，我认为在推理和代码结构方面存在一个主要问题

链接href最初会更改，但不会更改回来

请提供帮助，或者使用复选框选项更好

window.onload = function(){

    var  style__old = $(".css-link").attr("href");

    $(".dark__mode").click(function(){

            if (style__old == "css/style.css"){
                var style__new = style__old.replace("style.css","dark-mode.css");
                $(".css-link").attr("href", style__new);
            }
            else
            if (style__old == "css/dark-mode.css"){
                style__old.replace("dark-mode.css","style.css");
                $(".css-link").attr("href", "style__old");
            }
    }

);}

---

您正在使用的动态更改加载样式表的方法不是很可靠

一种更好的方法是将所有相关的样式放在单独的样式表中，然后

toggle（）

实际上，它看起来是这样的：


jQuery（$=>{
$（'.dark\uu mode'）。在（'单击'，（e）=>{
e、 预防默认值（）；
$（'body'）.toggleClass（'dark'）；
})
});
/*正常布局*/
div{color:#0C0；}
a{color:#C00；}
/*暗布局*/
身体黑{
背景色：#333；
颜色：#FFF；
}
body.dark div{color:#CCC；}
body.dark a{color:#CC0；}

同侧阴唇