jQuery ajoute/modifie/supprime des classes CSS et détermine si CSS_jquery existe déjà

Changer le style des éléments de page peut également être réalisé en utilisant Javascript, mais existe-t-il un moyen plus simple ? La réponse est oui. Maintenant, avec jQuery, il semble que le code Js ait été considérablement allégé, ce qui est fidèle à la phrase. : "jQuery rend JavaScript Le code devient concis!" Revenons au fait, voyons comment jquery ajoute et supprime des classes CSS :

1. removeClass() - Supprimer la classe CSS

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是CSS类的名称

2.addClass() - Ajouter une classe CSS

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称

3. toggleClass() - Ajouter ou supprimer une classe CSS : Si la classe CSS existe déjà, elle sera supprimée à l'inverse, si la classe CSS n'existe pas, elle sera ajoutée ;

$("#target").toggleClass("newClass") 
//如果ID为“target”的元素已经定义了CSS样式，它将被移除； 
//反之，CSS类“newClass”将被赋给该ID

4.hasClass("className") - Détermine si CSS existe déjà

Dans l'application réelle, nous définissons généralement ces classes CSS en premier, puis modifions le style de l'élément de page via le déclenchement d'un événement Javascript (comme cliquer sur un bouton). De plus, jQuery fournit également une méthode hasClass("className") pour déterminer si une classe CSS a été attribuée à un élément. À propos, je voudrais dire aux nouveaux arrivants dans le développement front-end que jquery vaut la peine d'être possédé, alors étudiez-le attentivement lorsque vous avez le temps.