Maison >interface Web >js tutoriel >Comment jquery exploite le CSS pour définir la couleur

Comment jquery exploite le CSS pour définir la couleur

青灯夜游
青灯夜游original
2021-04-28 18:10:073132parcourir

Comment jquery utilise le CSS pour définir la couleur : utilisez d'abord "$()" pour obtenir le nœud de l'élément HTML, puis utilisez la méthode css() pour utiliser le CSS pour définir la couleur ; "selector").css ("color/background-color","valeur de couleur");".

Comment jquery exploite le CSS pour définir la couleur

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

jquery opération css définir la couleur

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      $(function() {
        $(".color1").css("color", "red");
        $("#color2").css("background-color", "red");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="color1">测试文本</li>
      <li>测试文本</li>
      <li id="color2">测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>

Rendu :

Comment jquery exploite le CSS pour définir la couleur

Description :

Le 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;);

Tutoriels vidéo associés recommandés : Tutoriel jQuery (Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn