So ändern Sie CSS-Stile mit jQuery-js-Tutorial-php.cn

So ändern Sie CSS-Stile mit jQuery

不言

Freigeben： 2018-12-29 13:45:14

Original

7579 Leute haben es durchsucht

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.

So ändern Sie CSS-Stile mit So ändern Sie CSS-Stile mit jQuery

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(&#39;属性&#39;,&#39;值&#39;);

Nach dem Login kopieren

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>

Nach dem Login kopieren

Der Anzeigeeffekt im Browser ist wie folgt

So ändern Sie CSS-Stile mit So ändern Sie CSS-Stile mit jQuery

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!