javascript - 如何使用set Attribute方法更改jquery中的CSS？

我有一个简单的jquery ios按钮，我想当用户单击它并将其打开时，页面的背景色应为黑色，而当按钮关闭时背景色应为红色。

这是jsfiddle：https://jsfiddle.net/urbb4rgx/

我追加到jQuery的内容：

var one = getElementsByClassName("switch"),
var two = getElementsByClassName("switchOn"),
if (two.hasOwnProperty("switchOn")) {

    document.getElementsByClassName("switchOn").background: red;

}
else {

        document.getElementsByClassName("switchOn").background: black;

}

请向我解释我做错了什么

谢谢...

最佳答案

使用jQuery尝试以下操作。 -更新
代码中的所有内容看起来都不错。只需将其修改为以下内容

 $(document).ready(function(){
    $('.switch').click(function(){

       $(this).toggleClass("switchOn");

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

 });

      $('.switchBig').click(function(){
          $(this).toggleClass("switchBigOn");
     });
});

您将需要创建一个类来设置默认背景色：

body {
background-color:red;
}

.black{
 background-color:black;
}

这里的工作示例：http://codepen.io/theConstructor/pen/bpgPvB