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