jQuery fügt CSS-Klassen hinzu/ändert/entfernt und ermittelt, ob CSS_jquery bereits vorhanden ist

Das Ändern des Seitenelementstils kann auch mit Javascript erreicht werden, aber gibt es eine einfachere Möglichkeit? Mit jQuery scheint der Js-Code stark verschlankt worden zu sein, was dem Satz entspricht : „jQuery macht JavaScript. Der Code wird prägnant!“ Kommen wir zurück zum Punkt und sehen wir uns an, wie jquery CSS-Klassen hinzufügt und entfernt:

1. removeClass() – CSS-Klasse entfernen

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

2.addClass() – CSS-Klasse hinzufügen

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

3. toggleClass() – Eine CSS-Klasse hinzufügen oder entfernen: Wenn die CSS-Klasse bereits vorhanden ist, wird sie entfernt. Wenn die CSS-Klasse nicht vorhanden ist, wird sie hinzugefügt.

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

4.hasClass("className") – Bestimmen Sie, ob CSS bereits vorhanden ist

In der tatsächlichen Anwendung definieren wir normalerweise zuerst diese CSS-Klassen und ändern dann den Seitenelementstil durch Auslösen von Javascript-Ereignissen (z. B. durch Klicken auf eine Schaltfläche). Darüber hinaus stellt jQuery auch eine Methode hasClass("className") bereit, um festzustellen, ob einem Element eine CSS-Klasse zugewiesen wurde. Übrigens möchte ich Neulingen in der Front-End-Entwicklung sagen, dass es sich lohnt, Jquery zu besitzen, also studieren Sie es sorgfältig, wenn Sie Zeit haben.