我正在为我的网站设计深色模式。鉴于我有很多书面内容,这对晚间阅读特别有帮助。我有一个切换开关,并借用了一个迄今为止似乎有效的功能:
$(function() {
$(".switch").click(function() {
$("#canvas-wrapper").css("background", "#222");
$("p").css("color", "#DDD");
});
});
Run Code Online (Sandbox Code Playgroud)
我希望用户根据需要打开和关闭这些更改。但是,当我尝试添加另一行(为另一个元素定义 css 更改)时,该函数仅将样式应用于第一个#canvas-wrapper元素。此后的一切都将被忽略。
函数后面的语法是否不正确?另外,如果用户停用切换开关,我需要以一种将 CSS 返回到原始状态的方式编写该函数。我该如何处理这个问题?
我对 jQuery 的了解很差,并且没有太多使用该语言的经验。