Maison > interface Web > js tutoriel > le corps du texte

Comment supprimer la classe de même niveau dans Jquery

WBOY
Libérer: 2021-11-22 17:32:30
original
2377 Les gens l'ont consulté

Méthode Jquery pour supprimer la classe de même niveau : 1. Utilisez l'instruction "$(".element class name")" pour obtenir l'objet en fonction de la valeur de classe spécifiée ; 2. Utilisez la méthode removeClass() pour supprimer la classe ; de l'élément, la syntaxe est " Element object.removeClass('Element class name')".

Comment supprimer la classe de même niveau dans Jquery

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

Comment supprimer la même classe dans Jquery

1 Ouvrez l'éditeur html et créez un nouveau fichier html. Recherchez

sur la page de codes HTML et créez un nouveau
à l'intérieur, puis ajoutez une classe et un contenu textuel à ce
.
<div class="remark">今晚要去吃大餐</div>
Copier après la connexion

Créez un nouveau bouton de clic derrière

et ajoutez un événement de clic à ce bouton. Dans le cas présent, l'événement de clic est : reClass(), qui déclenche la suppression du style de classe lorsque vous cliquez dessus.

<input type="button" value="移除class" onclick="reClass()">
Copier après la connexion

Définissez le style de classe. Définissez un style de remarque avec une taille de police de 28 pixels et une couleur rouge.

<style>  .remark{   font-size: 28px;color: red;  } </style>
Copier après la connexion

Le code est le suivant :

Comment supprimer la classe de même niveau dans Jquery

2. Présentez la bibliothèque jQuery. Introduisez la bibliothèque jquery après la balise