javascript - jQuery改变 body 的背景颜色

Question

这很令人沮丧，我想不通。 我只需要更改/切换回/前景色 当用户点击链接“主题”时，整个 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>

当我使用 $().css({...}) 时，它可以工作，但是当我尝试使用 类能够切换，它没有。请帮忙。

Answer 1

同意瑞昂的观点。样式中的“亮点”如果缺少前面的句号，则不是一个类。 jQuery 无法切换“highlight”类，因为没有“highlight”类可以切换。代码在这里工作:http://liveweave.com/T6c7Mz