Heim > Artikel > Web-Frontend > So löschen Sie Klassen in JQuery
3 Methoden: 1. Verwenden Sie „Element Object.removeClass(“Class Name“), um die angegebene Klasse zu löschen. Wenn keine Parameter angegeben sind, kann die Klasse gelöscht werden; ", false) „Löschen Sie die angegebene Klasse; 3. Verwenden Sie „element object.attr(„class“, „“)“, um die Klasse zu löschen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
Drei Möglichkeiten, eine Klasse mit jquery zu löschen
Verwenden Sie RemoveClass(), um eine Klasse zu löschen.
Verwenden Sie toggleClass(), um eine Klasse zu löschen. um den Wert des Klassenattributs zu ändern. Auf leer setzen
Die Methode „removeClass()“ entfernt eine oder mehrere Klassen aus dem ausgewählten Element. $(selector).removeClass(class)
Hinweis: Wenn keine Parameter angegeben sind, entfernt diese Methode alle Klassen aus den ausgewählten Elementen.
Beispiel: Entfernen Sie die „Intro“-Klasse aus allen
-Elementen
2. Verwenden Sie toggleClass(), um die class-Methode zu löschen, um eines der ausgewählten Elemente hinzuzufügen und zu entfernen oder mehrere Klassen zum Wechseln.Diese Methode überprüft die angegebene Klasse in jedem Element. Fügt die Klasse hinzu, wenn sie nicht vorhanden ist, oder entfernt sie, wenn sie festgelegt ist. Dies wird als Toggle-Effekt bezeichnet.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").removeClass("intro"); }); }); </script> <style type="text/css"> .intro { font-size: 120%; color: red; } </style> </head> <body> <h1>这是一个标题</h1> <p class="intro">这是一个段落。</p> <p class="intro">这是另一个段落。</p> <button>移除所有P元素的"intro"类</button> </body> </html>
Allerdings können Sie über den Parameter „switch“ festlegen, dass nur Klassen entfernt oder nur hinzugefügt werden.
Schalter: Optionaler Parameter, boolescher Wert, gibt an, ob nur Klassen hinzugefügt (wahr) oder entfernt (falsch) werden.
$(selector).toggleClass(class,switch)
3. Verwenden Sie attr() und prop(), um den Wert des Klassenattributs auf leer zu setzen.
Das obige ist der detaillierte Inhalt vonSo löschen Sie Klassen in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!