jQuery css() Methode

❮ jQuery HTML/CSS-Methoden

Beispiel

Legen Sie die Farbeigenschaft aller <p>-Elemente fest:

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

Definition und Verwendung

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

Bei Verwendung zum Zurückgeben von Eigenschaften:
Diese Methode gibt den angegebenen CSS-Eigenschaftswert des ERSTEN übereinstimmenden Elements zurück. Allerdings werden abgekürzte CSS-Eigenschaften (wie „background“ und „border“) nicht vollständig unterstützt und können in verschiedenen Browsern zu unterschiedlichen Ergebnissen führen.

Bei Verwendung zum Festlegen von Eigenschaften:
Diese Methode legt die angegebene CSS-Eigenschaft für ALLE übereinstimmenden Elemente fest.


Syntax

Geben Sie den Wert der CSS-Eigenschaft zurück:

$(selector).css(property)

Legen Sie die CSS-Eigenschaft und den Wert fest:

$(selector).css(property,value)

Legen Sie die CSS-Eigenschaft und den Wert mithilfe einer Funktion fest:

$(selector).css(property,function(index,currentvalue))

Legen Sie mehrere Eigenschaften und Werte fest:

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

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Probieren Sie es selbst aus - Beispiele


Gibt den angegebenen CSS-Eigenschaftswert des ERSTEN übereinstimmenden Elements zurück.


festlegen Verwendung einer Funktion, um eine CSS-Eigenschaft für die ausgewählten Elemente zu ändern.


festlegen So legen Sie mehrere CSS-Eigenschaften und -Werte für die ausgewählten Elemente fest.


❮ jQuery HTML/CSS-Methoden