Heim >Web-Frontend >js-Tutorial >Verwendung der CSS()-Methode von jQuery example_jquery

Verwendung der CSS()-Methode von jQuery example_jquery

WBOY
WBOYOriginal
2016-05-16 16:24:491057Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der css()-Methode von jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode gibt ein oder mehrere Stilattribute des übereinstimmenden Elements zurück oder legt es fest.

Grammatikstruktur:

Grammatik 1:
Rufen Sie den Attributwert des angegebenen Stilattributs ab.
Nehmen Sie den Namen des Stilattributs als Parameter. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").css("color")

Mit dem obigen Code kann der Schriftfarbwert des Div ermittelt werden.
Codebeispiel:

Code kopieren Der Code lautet wie folgt:






css() function-Script Home





Skript-Startseite





Klicken Sie hier auf die Schaltfläche, um den für das Div festgelegten Schriftfarbwert anzuzeigen.

Grammatik 2:

Legen Sie einen Stilattributwert für alle übereinstimmenden Elemente fest. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").css("color","red ")

Der obige Code kann die Schriftfarbe aller Divs auf Rot setzen. Achten Sie auf das Schreibformat. Der Attributname und der Attributwert sollten in Bänke eingeschlossen und durch Kommas getrennt werden. Wenn der Attributwert eine Zahl ist, können Sie die Anführungszeichen entfernen, zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").css("font-size", 20)

Beispielcode:

Code kopieren Der Code lautet wie folgt:






css() function-Script Home





Überprüfen Sie die Änderungen sorgfältig

Überprüfen Sie die Änderungen sorgfältig





Im obigen Code kann durch Klicken auf die Schaltfläche die Textfarbe im Div auf Rot gesetzt werden.

Grammatik 3:

Verwenden Sie das Objekt „Attributname/-wert“, um das Stilattribut für alle übereinstimmenden Elemente festzulegen. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").css({color:"red" })

Der obige Code kann die Schriftfarbe aller div-Elemente auf Rot setzen. Mit der Objektmethode „Attributname/-wert“ können Sie auch mehrere Attributsätze für übereinstimmende Elemente gleichzeitig festlegen. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").css({color:"red" ,Schriftgröße: 20})

Der obige Code kann die Schriftfarbe und -größe im Div auf Rot bzw. 20 Pixel festlegen. Wenn die Schriftgröße ohne Einheit festgelegt wird, ist die Standardeinheit px. Jeder sollte auf das Format achten. Der Attributname kann nicht in Anführungszeichen gesetzt werden, und der Attributwert muss in Anführungszeichen gesetzt werden. Wenn der Attributwert jedoch eine Zahl ist, können die Anführungszeichen weggelassen werden . Besonderes Augenmerk sollte darauf gelegt werden, dass bei Attributnamen wie „font-size“ und „background-color“ der horizontale Balken (-) in der Mitte entfernt und der erste Buchstabe des zweiten Wortes großgeschrieben werden sollte, beispielsweise „font-size“. sollte als „fontSize“ und „background-color“ als „backgroundColor“ geschrieben werden.

Code kopieren Der Code lautet wie folgt:






css() function-Script Home





Überprüfen Sie die Änderungen sorgfältig

Überprüfen Sie die Änderungen sorgfältig




Im obigen Code kann durch Klicken auf die Schaltfläche die Textfarbe und Schriftgröße im Div geändert werden.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn