jQuery改變了body的背景顏色

Question

這令人沮喪，我無法弄清楚這一點。 當用戶點擊鏈接“主題”時，我只需要為整個身體更改/切換后/前景顏色。 以下是我的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

改變以下行

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

同

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

Answer 2

同意人造絲。 如果錯過前面的時期，風格中的“亮點”不是一個階級。 jQuery無法切換“突出顯示”類，因為沒有“突出顯示”類可以切換。 代碼在這里工作： http ： //liveweave.com/T6c7Mz

Answer 3

這會奏效

HTML

<a href="#" id="theme">Click Me</a>

CSS

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

JQUERY

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

}）;

這是工作代碼http://jsfiddle.net/CLwE5/119/