jquery css()-Methode
Übersetzungsergebnisse:
css
abbr.Control-Stick-Lenk-Joystick-Steuerung;Kampfdienstunterstützung Kampfdienstunterstützung;codiertes Schaltersystem, Passwortübertragungssystem;kryogenes Speichersystem, gefrorenes Speichersystem
jquery css()-MethodeSyntax
Funktion: Die Methode css() gibt ein oder mehrere Stilattribute des übereinstimmenden Elements zurück oder legt es fest.
CSS-Eigenschaften zurückgeben: Gibt den CSS-Eigenschaftswert des ersten übereinstimmenden Elements zurück. Abkürzungen für CSS-Eigenschaften (z. B. „background“ und „border“) werden bei der Rückgabe eines Werts nicht unterstützt.
Syntax: $(selector).css(name)‘
Parameter:
Parameter | Beschreibung |
Name | Erforderlich. Gibt den Namen der CSS-Eigenschaft an. Dieser Parameter kann eine beliebige CSS-Eigenschaft enthalten. Zum Beispiel „Farbe“. |
CSS-Eigenschaften festlegen: Legen Sie die angegebenen CSS-Eigenschaften für alle passenden Elemente fest.
Syntax: $(selector).css(name,value)
Parameter:
Parameter | Beschreibung |
Name | Erforderlich. Gibt den Namen der CSS-Eigenschaft an. Dieser Parameter kann eine beliebige CSS-Eigenschaft enthalten, beispielsweise „color“. |
Wert | Optional. Gibt den Wert einer CSS-Eigenschaft an. Dieser Parameter kann einen beliebigen CSS-Eigenschaftswert enthalten, beispielsweise „red“. Wenn der leere Zeichenfolgenwert festgelegt ist, wird das angegebene Attribut aus dem Element entfernt. |
Verwenden Sie Funktionen, um CSS-Eigenschaften festzulegen: Legen Sie den Wert des Stilattributs in allen übereinstimmenden Elementen fest. Diese Funktion gibt den festzulegenden Eigenschaftswert zurück. Akzeptiert zwei Parameter: Index ist die Indexposition des Elements in der Objektsammlung und Wert ist der ursprüngliche Attributwert.
Syntax: $(selector).css(name,function(index,value))
Parameter:
Parameter | Beschreibung |
Name | Erforderlich. Gibt den Namen der CSS-Eigenschaft an. Dieser Parameter kann eine beliebige CSS-Eigenschaft enthalten, beispielsweise „color“. |
function(index,value) | gibt eine Funktion an, die den neuen Wert einer CSS-Eigenschaft zurückgibt. |
Index | Optional. Akzeptiert die Indexposition des Selektors |
oldvalue | Optional. Akzeptiert den aktuellen Wert einer CSS-Eigenschaft. |
Mehrere CSS-Eigenschaften/Werte festlegen: Das Objekt „Name/Wert-Paar“ als Stilattribut aller übereinstimmenden Elemente festlegen. Dies ist die beste Möglichkeit, eine große Anzahl von Stileigenschaften für alle passenden Elemente festzulegen.
Syntax: $(selector).css({property:value, property:value, ...})
Parameter:
Parameter | Beschreibung |
{property : value} | Erforderlich. Gibt das Name/Wert-Paarobjekt an, das als Stilattribut festgelegt werden soll. Dieser Parameter kann mehrere Name/Wert-Paare einer CSS-Eigenschaft enthalten. Zum Beispiel {"color": "red", "font-weight": "bold"} |
jquery css()-MethodeBeispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").css("color","red"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">改变段落的颜色</button> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen