Latest web development tutorials

jQuery bekommen und CSS-Klasse festgelegt

Mit jQuery, kann es leicht auf CSS-Elemente bedienen. -

jQuery CSS-Betrieb

jQuery hat mehrere Methoden der CSS-Betrieb. Wir werden lernen, wie folgt vor:

  • addClass () - Hinzufügen einer oder mehreren Kategorien auf das ausgewählte Element
  • removeClass () - Löscht ein oder mehrere Elemente ausgewählt aus der Klasse
  • toggleClass () - für das ausgewählte Element in hinzufügen / entfernen Klasse Schaltvorgang
  • css () - Setzt oder sendet Stilattribute

Beispiele für Stylesheets

Das folgende Stylesheet wird für alle Beispiele auf dieser Seite verwendet werden:

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

jQuery addClass () -Methode

Das folgende Beispiel zeigt, wie ein Klassenattribut auf die verschiedenen Elemente hinzuzufügen. Natürlich, wenn Sie eine Klasse hinzufügen, können Sie auch mehrere Elemente auswählen:

Beispiele

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

Versuchen »

Sie können auch in addClass () -Methode in mehreren Kategorien an:

Beispiele

$("button").click(function(){
$("#div1").addClass("important blue");
});

Versuchen »

jQuery removeClass () -Methode

Das folgende Beispiel zeigt, wie der angegebene Klasse verschiedene Elemente Attribut zu löschen:

Beispiele

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

Versuchen »

jQuery toggleClass () -Methode

Das folgende Beispiel zeigt, wie jQuery toggleClass () Methode zu verwenden. Das Verfahren von Operationen ausgewählten Elemente hinzufügen / entfernen Klassenwechsel:

Beispiele

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

Versuchen »

jQuery CSS () -Methode

Wir werden jQuery CSS () -Methode im nächsten Kapitel erläutern.