Comment changer les styles CSS à l'aide de jQuery-js tutoriel-php.cn

Comment changer les styles CSS à l'aide de jQuery

不言

Libérer： 2018-12-29 13:45:14

original

7578 Les gens l'ont consulté

Vous pouvez utiliser Comment changer les styles CSS à laide de Comment changer les styles CSS à laide de jQuery pour modifier le style CSS, comme changer la couleur ou changer la taille de l'élément lors de l'exécution d'opérations. Dans cet article, nous vous présenterons la méthode spécifique d'utilisation de Comment changer les styles CSS à laide de Comment changer les styles CSS à laide de jQuery pour modifier le style CSS. Jetons un coup d'œil au contenu spécifique.

Comment changer les styles CSS à laide de Comment changer les styles CSS à laide de jQuery

La façon d'utiliser Comment changer les styles CSS à laide de Comment changer les styles CSS à laide de jQuery pour manipuler le CSS est la méthode CSS. En utilisant la méthode CSS, vous pouvez modifier dynamiquement le CSS lors de l'exécution d'opérations spécifiques, telles que des boutons. vous pouvez créer des pages plus utilisables.

Jetons d'abord un coup d'oeil à la méthode CSS

La syntaxe de base est la suivante

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

Copier après la connexion

Le sélecteur spécifie la classe et l'ID. Les propriétés

sont les mêmes que les propriétés CSS, telles que « color » et « font-size ».

La valeur contiendra la valeur correspondant à l'attribut. Par exemple, « couleur » peut signifier « rouge » ou « vert » et « taille de police » signifie « 20 px ».

Regardons un exemple spécifique

Changer la taille de la police d'un élément spécifique

Le code est le suivant

<!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>

Copier après la connexion

L'effet d'affichage sur le navigateur est le suivant

Comment changer les styles CSS à laide de Comment changer les styles CSS à laide de jQuery

Cet article se termine ici Pour un contenu plus passionnant, vous pouvez faire attention à la colonne correspondante. tutoriels sur le site PHP chinois ! ! !

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!