Heim >Web-Frontend >js-Tutorial >So ändern Sie CSS-Stile mit jQuery
So ändern Sie CSS-Stile mit jQuery
- 不言Original
- 2018-12-29 13:45:147631Durchsuche
Sie können So ändern Sie CSS-Stile mit So ändern Sie CSS-Stile mit jQuery verwenden, um den CSS-Stil zu ändern, z. B. die Farbe oder die Größe des Elements beim Ausführen von Operationen. In diesem Artikel stellen wir Ihnen die spezifische Methode zur Verwendung von So ändern Sie CSS-Stile mit So ändern Sie CSS-Stile mit jQuery zum Ändern des CSS-Stils vor. Werfen wir einen Blick auf den konkreten Inhalt.
Die Möglichkeit, mit So ändern Sie CSS-Stile mit So ändern Sie CSS-Stile mit jQuery CSS zu manipulieren, ist die CSS-Methode. Mit der CSS-Methode können Sie das CSS dynamisch ändern, wenn Sie bestimmte Vorgänge ausführen, z. B. Schaltflächen Sie können mehr nutzbare Seiten erstellen.
Werfen wir zunächst einen Blick auf die CSS-Methode
Die grundlegende Syntax lautet wie folgt
$(‘选择器’).css('属性','值');
Der Selektor gibt die an Klasse und Ausweis. Die
-Eigenschaften sind mit den CSS-Eigenschaften identisch, beispielsweise „Farbe“ und „Schriftgröße“.
Der Wert enthält den Wert, der dem Attribut entspricht. „Farbe“ kann beispielsweise „rot“ oder „grün“ bedeuten und „Schriftgröße“ bedeutet „20 Pixel“.
Sehen wir uns ein konkretes Beispiel an
Ändern Sie die Schriftgröße eines bestimmten Elements
Der Code lautet wie folgt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
$(function() {
$(".big").css("font-size", "50px");
});
</script>
</head>
<body>
<ul>
<li class="big">big</li>
<li>small</li>
<li class="big">big</li>
<li>small</li>
</ul>
</body>
</html>Der Anzeigeeffekt im Browser ist wie folgt
Für weitere spannende Inhalte können Sie sich die entsprechenden Kolumnen-Tutorials ansehen die chinesische PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonSo ändern Sie CSS-Stile mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!