Question

这令人沮丧，我无法解决这个问题。我只需要改变/切换回/前景色当用户点击链接时，对于整个身体，主题为＆＃39;。以下是我的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

同意人造丝。＆＃34;突出＆＃34;如果错过前面的时期，在风格上不是一个阶级。 jQuery无法切换＆＃34;突出显示＆＃34;因为那里没有＆＃34;突出显示＆＃34;要翻转的课程代码在这里工作：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/

jQuery改变了body的背景颜色

3 个答案: