Maison  >  Article  >  interface Web  >  Comment supprimer des styles dans jquery

Comment supprimer des styles dans jquery

coldplay.xixi
coldplay.xixioriginal
2020-11-26 11:48:233260parcourir

Comment supprimer des styles dans jquery : 1. Utilisez la méthode [removeClass()], le code est [removeClass(function(index,class))] ; toggleClass(classe)] .

Comment supprimer des styles dans jquery

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 3.2.1 Cette méthode convient à toutes les marques d'ordinateurs.

Méthode jquery pour supprimer les styles :

1. Méthode RemoveClass()

.removeClass([className]) :

Un ou plusieurs noms de style séparés par des espaces à supprimer pour chaque élément correspondant

.removeClass(function(index,class))  :

Une fonction qui renvoie un ou plusieurs styles à supprimer Nom

Quelque chose à noter ici :

Si un nom de classe de style est utilisé comme paramètre, alors seulement la classe de style sera supprimée de l'ensemble d'éléments correspondant. S'il n'y a pas de nom de style comme paramètre, alors tout le style. la classe sera supprimée.

Les attributs de jQuery .toggleClass()

peuvent changer continuellement pour un certain style du même nœud lors de l'exécution de certains effets, c'est-à-dire une commutation mutuellement exclusive entre addClass et RemoveClass, comme l'effet de changement de couleur entrelacé

jQuery fournit une méthode toggleClass pour simplifier cette logique mutuellement exclusive. La méthode toggleClass est utilisée pour ajouter et supprimer dynamiquement des classes. Une exécution est équivalente à addClass, et une autre exécution est équivalente à RemoveClass

. 2. La méthode toggleClass()

ajoute ou supprime une ou plusieurs classes de style sur chaque élément de la collection d'éléments correspondants, selon que cette classe de style existe ou selon la valeur de l'attribut toggle . C'est-à-dire : s'il existe (n'existe pas), supprimez (ajoutez) une classe

.toggleClass(className) :

Un ou plusieurs éléments utilisés pour activer chaque élément de l'ensemble d'éléments correspondant ( séparés par des espaces) noms de classes de style

.toggleClass( className, switch ) :

Une valeur booléenne utilisée pour déterminer si le style doit être ajouté ou supprimé

.toggleClass( [switch ] ) :

Une valeur booléenne utilisée pour déterminer si la classe de style est ajoutée ou supprimée :

.toggleClass( function(index, class, switch) [, switch ] ) :

est utilisée pour revenir sur chaque élément de l'ensemble d'éléments correspondant. Une fonction utilisée pour basculez le nom de la classe de style. Reçoit la position d'index de l'élément et l'ancienne classe de style de l'élément en tant que paramètres.

Il convient de noter ici :

toggleClass est une logique mutuellement exclusive, c'est-à-dire en jugeant si le nom de classe spécifié existe sur l'élément correspondant, si c'est le cas, supprimez-le, sinon, ajoutez-le

toggleClass conservera le nom de classe d'origine, puis l'ajoutera, séparé par des espaces.

Recommandations d'apprentissage gratuites associées : javascript (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