CSS und Klassen

Mit der css()-Methode können wir Stilregeln für Elemente definieren:

jquery/methods.html

$("label").css("color", "#f00");

Wir können die Regeln einzeln definieren oder aber mit einem JavaScript-Hash mehrere CSS-Regeln auf einmal auf das Element anwenden:

jquery/methods.html

$("h1").css({"color" : "red",
              "text-decoration" : "underline" }
           );

Allerdings ist es keine gute Idee, Stile und Skripten zu vermischen. Wir können die jQuery-Methoden addClass() und removeClass() einsetzen, um Klassen hinzuzufügen und entfernen, wenn bestimmte Ereignisse auftreten. Anschließend können wir diesen Klassen Stilregeln zuweisen. So können wir die Hintergrundfarbe unserer Formularfelder ändern, wenn sie den Fokus erhalten oder verlieren, indem wir jQuery-Events mit Klassen kombinieren: