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

Question

我有一個簡單的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;

}

請向我解釋我做錯了什么

謝謝...

Answer 1

使用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