jQuery CSS() Methode

jQuery css()Die Methode liest oder setzt eine oder mehrere Stileigenschaften des ausgewählten Elements.

Dieser Methoden bietet eine schnelle Möglichkeit, Stile (inline Styles) direkt auf HTML-Elemente anzuwenden.

CSS-Eigenschaftswert zurückgeben

Um den Wert der spezifischen CSS-Eigenschaft zurückzugeben, verwenden Sie die folgende Syntax:

$("selector").css(property)

Die folgenden Beispiele geben die Hintergrundfarbe des geklickten DIV zurück:

$("div").click(function(){}
　　$("this").css("background"-color");
});

CSS-Eigenschaft und -Wert setzen

Um die spezifische CSS-Eigenschaft und den Wert zu setzen, verwenden Sie die folgende Syntax:

$("selector").css(property, "value")

Die folgenden Beispiele stellen die color-Eigenschaft aller Absätze ein:

$("button").click(function(){
　　$("p").css("color", "blue");
});

Wenn Siecss()MethodeAbfragenWenn Sie den Wert der Eigenschaft festlegen, wirdDas erste ausgewählte ElementWerte.

Verwendencss()MethodeSetzenWenn Sie den Wert der Eigenschaft festlegen, wirdAlle ausgewählten ElementeEinen oder mehrere Attribute setzen/Wertpaare.

Mehrere CSS-Eigenschaften und -Werte setzen

Um mehrere CSS-Eigenschaften und -Werte zu setzen, verwenden Sie die folgende Syntax:

$(selector).css({property:value, property:value, ...})

Nachstehendes Beispiel setzt mehrere CSS-Eigenschaften und -Werte für alle Absätze:

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font"-size": ""1.3em",
　　　　"background"-"color": "#"4285f4",
　　　　"padding": ""20px"　　
　　});
});

jQuery CSS Referenz

Für eine vollständige Referenz der CSS Methoden besuchen Sie bitte unserejQuery HTML / CSS Referenz。