jQuery - css() Methode


jQuery css() Methode

Die css()Methode legt eine oder mehrere Stileigenschaften für die ausgewählten Elemente fest oder gibt sie zurück.


Gibt eine CSS-Eigenschaft zurück

Verwenden Sie die folgende Syntax, um den Wert einer angegebenen CSS-Eigenschaft zurückzugeben:

css("propertyname");

Das folgende Beispiel gibt den Hintergrundfarbenwert des ERSTEN übereinstimmenden Elements zurück:

Beispiel

$("p").css("background-color");

Legen Sie eine CSS-Eigenschaft fest

Um eine bestimmte CSS-Eigenschaft festzulegen, verwenden Sie die folgende Syntax:

css("propertyname","value");

Im folgenden Beispiel wird der Wert für die Hintergrundfarbe für ALLE übereinstimmenden Elemente festgelegt:

Beispiel

$("p").css("background-color", "yellow");

Legen Sie mehrere CSS-Eigenschaften fest

Um mehrere CSS-Eigenschaften festzulegen, verwenden Sie die folgende Syntax:

css({"propertyname":"value","propertyname":"value",...});

Das folgende Beispiel legt eine Hintergrundfarbe und eine Schriftgröße für ALLE übereinstimmenden Elemente fest:

Beispiel

$("p").css({"background-color": "yellow", "font-size": "200%"});

jQuery-Übungen

Testen Sie sich mit Übungen

Übung:

Verwenden Sie die css()Methode, um einem <p>-Element eine rosa Hintergrundfarbe hinzuzufügen.

$("p").("", "");


jQuery-CSS-Referenz

Eine vollständige Übersicht aller jQuery-CSS-Methoden finden Sie in unserer jQuery HTML/CSS-Referenz .