jQuery css()Methode

jQuery HTML/CSS 方法 jQuery HTML/CSS-Methoden

Beispiele

Legen Sie die color-Eigenschaft aller <p>-Elemente fest:

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

Selbst ausprobieren »

Definition und Verwendung

Die css()-Methode 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 Wert der angegebenen CSS-Eigenschaft des ersten übereinstimmenden Elements zurück.
Kurzschreibweisen für CSS-Eigenschaften (wie "background" und "border") werden jedoch nicht vollständig unterstützt und liefern, wenn sie zum Zurückgeben von Eigenschaftswerten verwendet werden, in verschiedenen Browsern unterschiedliche Ergebnisse.

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


Syntax

CSS-Eigenschaftswert zurückgeben:

$(selector).css(property)

CSS-Eigenschaft und Wert festlegen:

$(selector).css(property,value)

CSS-Eigenschaft und -Wert mithilfe einer Funktion festlegen:

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

Mehrere Eigenschaften und Werte festlegen:

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

Parameters Beschreibung
property Gibt den CSS-Eigenschaftsnamen an, wie "color", "font-weight", usw.
value Gibt den Wert der CSS-Eigenschaft an, wie "red", "bold", usw.
function(index,currentvalue) Gibt eine Funktion an, die den neuen Wert der CSS-Eigenschaft zurückgibt.
  • index- Gibt die Indexposition des Elements in der Menge zurück.
  • currentvalue- Gibt den aktuellen Wert der CSS-Eigenschaft zurück.


实例

Weitere Beispiele

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

CSS-Eigenschaft und Wert mithilfe einer Funktion festlegen
Wie man eine Funktion verwendet, um CSS-Eigenschaften für ausgewählte Elemente zu ändern.

Mehrere CSS-Eigenschaft-Wert-Paare festlegen
Wie man mehrere CSS-Eigenschaften und -Werte für ausgewählte Elemente festlegt.


jQuery HTML/CSS 方法 jQuery HTML/CSS-Methoden

Andere Erweiterungen