Javascript jQuery-changing-body'；背景色

这很令人沮丧，我无法理解。 我只需要更改/切换回/前景色 当用户点击一个链接“主题”时，整个身体。 下面是我的html文件

...
<style>
    highlight {
        background-color: black;
        color: white;
    }
</style>
<script>
    $(document).ready(function () {
        $('.theme').on('click', function () {
            $(document.body).toggleClass("highlight");
            //$(document.body).css({"background-color": "black"});
        });
    });
</script>

。。。
突出显示{
背景色：黑色；
颜色：白色；
}
$（文档）.ready（函数（）{
$（'.theme'）。在（'click'，函数（）{
$（document.body）.toggleClass（“突出显示”）；
//$（document.body）.css（{“背景色”：“黑色”}）；
});
});

当我使用$（）.css（{…}）时，它可以工作，但当我尝试使用

---

类来切换，但它没有。请帮助。

更改以下行

$(document.body).toggleClass("highlight");

与

同意人造丝。如果缺少前面的句点，则样式中的“突出显示”不是类。jQuery无法切换“highlight”类，因为没有可切换的“highlight”类。代码在这里起作用：

这将起作用

HTML

CSS

body { background-color:red; }
.highlight
 {
  background-color:yellow;  
 }

JQUERY

$("#theme").click(function() {
$("body").toggleClass("highlight");

}))

这是工作代码

---

。在
样式标记中突出显示
Missng class
，
尝试使用或不使用。不起作用。当我通过Chrome的开发工具看到这些东西时，它似乎将其固定在body元素上，并在再次单击时将其取下。我尝试过使用或不使用，但以前不起作用，但现在它确实起作用了。有点奇怪。现在可以了。谢谢，没用。但是它把它钉在身体元素上。就在旁边的音符上。。。哪个是对的？toggleClass（“突出显示”）或toggleClass（“突出显示”）？
$("#theme").click(function() {
$("body").toggleClass("highlight");