Comment changer le style CSS avec jquery-js tutoriel-php.cn

Comment changer le style CSS avec jquery

青灯夜游

Libérer： 2023-01-05 16:12:29

original

3471 Les gens l'ont consulté

Comment changer le style CSS avec jquery : utilisez d'abord "$()" pour obtenir le nœud de l'élément HTML, puis utilisez la méthode css() pour changer le style CSS ; selector").css(" Nom de l'attribut","Valeur de la propriété");".

Comment changer le style CSS avec jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 3.0.0, ordinateur Dell G3.

Dans jquery, vous pouvez utiliser la méthode css() pour changer le style CSS. La méthode

css() définit ou renvoie un ou plusieurs attributs de style de l'élément sélectionné.

La syntaxe de base est la suivante

$(‘选择器’).css(&#39;属性名称&#39;,&#39;属性值&#39;);

Copier après la connexion

Exemple :

<!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", "30px");
        $("#color").css("color", "red");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="big">测试文本</li>
      <li>测试文本</li>
      <li id="color">测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>

Copier après la connexion

Rendu :

Comment changer le style CSS avec jquery