Maison  >  Article  >  interface Web  >  Quelle est la différence entre css() et addclass() dans jQuery ?

Quelle est la différence entre css() et addclass() dans jQuery ?

青灯夜游
青灯夜游original
2021-12-29 16:26:272161parcourir

Différences : 1. css() est plus flexible que addclass(), css() peut facilement et dynamiquement modifier les attributs d'un style ; 2. addClass() ne peut pas obtenir la valeur de style du style spécifié, tandis que css() ) peut être obtenu ; 3. Les attributs de style définis par css() ont une priorité plus élevée que addClass().

Quelle est la différence entre css() et addclass() dans jQuery ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

La différence entre css() et addclass()

Maintenabilité : L'essence de

.addClass() est d'ajouter une ou plusieurs classes à un élément en définissant les règles de style d'une classe . La méthode CSS consiste à changer le style des éléments via une grande quantité de code JavaScript. Grâce à .addClass(), nous pouvons définir des règles unifiées pour les mêmes éléments par lots. Il est plus pratique de changer et peut être modifié et supprimé de manière uniforme. Si vous utilisez la méthode .css(), vous devez spécifier chaque élément à modifier un par un, et la maintenance future devra également être modifiée un par un, ce qui est plus gênant

Flexibilité :

Cela peut être facilement dynamique grâce à la méthode .css() Pour modifier les attributs d'un style, il n'est pas nécessaire de définir de manière fastidieuse des règles de classe. De manière générale, lorsque les règles de mise en page ne sont pas déterminées, la structure du code HTML générée dynamiquement est traitée via la méthode .css()

Valeur de style :

.addClass() est essentiellement destinée à l'ajout de classes supprimées, la valeur de l'attribut du style spécifié ne peut pas être obtenue. .css() peut obtenir la valeur du style spécifié.

Priorité des styles :

Les styles CSS ont des priorités Lorsque la même règle de style de style externe, de style interne et de style en ligne est appliquée au même élément en même temps, la priorité est la suivante

外部样式 < 内部样式 < 内联样式

    . La méthode .addClass() consiste à ajouter un nom de classe, puis ce style est d'abord défini dans un fichier externe ou un style interne, et est attaché à l'élément en cas de besoin
  • Il est traité via la méthode .css(). est un style en ligne, qui est directement attaché à l'élément via l'attribut style de l'élément
  • via la méthode

.css方法设置的样式属性优先级要高于.addClass

Résumé : . Les méthodes .addClass et .css ont chacune leurs propres avantages et inconvénients, et sont généralement des structures statiques. Les règles de mise en page ont été déterminées. Vous pouvez utiliser la méthode addClass pour ajouter des règles de classe unifiées

S'il s'agit d'une structure HTML dynamique, si les règles sont incertaines ou changent fréquemment, considérez généralement le .css( ) méthode


Vidéos associées Recommandation du didacticiel :

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