Wie ändert man CSS in Jquery mit set Attribut Methode?

Question

Ich habe eine einfache jQuery ios-Taste, und ich möchte auf es, wenn Benutzer klickt und es ist auf, Hintergrundfarbe der Seite schwarz sein sollte, und wenn die Taste Hintergrundfarbe ist ausgeschaltet werden soll zum Beispiel ....

rot

dies jsfiddle: https://jsfiddle.net/urbb4rgx/

, was ich zu jquery hängten:

mich

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

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

} 
else { 

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

} 

bitte erklären, was ich

dank falsch gemacht haben ...

Answer 1

Mit jQuery versuchen Sie Folgendes. --Update Alles in Ihrem Code sieht gut aus. ändern Sie es einfach an folgende

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

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

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

}); 

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

Sie müssen eine Klasse erstellen Standardhintergrundfarbe zu setzen:

body { 
background-color:red; 
} 

.black{ 
background-color:black; 
} 

Arbeitsbeispiel hier: http://codepen.io/theConstructor/pen/bpgPvB