Как изменить css в jquery с помощью набора Атрибут метода?

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 попробуйте следующее. --Update Все в вашем коде выглядит отлично. Просто измените его следующим

$(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