Dieses Mal zeige ich Ihnen, wie Sie die Eigenschaft jquery toggleClass() verwenden, um Artikelabsätze zu erstellen, um die Hintergrundfarbe zu ändern, und wie Sie das Attribut jquery toggleClass() verwenden, um Artikelabsätze zu erstellen, um den Hintergrund zu ändern Farbe. Notizen Was sind das?
Definition und Verwendung
Die toggleClass()-Methode schaltet eine oder mehrere Klassen zum Hinzufügen und Entfernen ausgewählter Elemente um.
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.
Durch die Verwendung des Parameters „switch“ können Sie jedoch festlegen, dass nur Klassen entfernt oder nur hinzugefügt werden.
Syntax
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Beschreibung | ||||||||
---|---|---|---|---|---|---|---|---|---|
Klassenname | Erforderlich. Gibt einen oder mehrere Klassennamen an, die hinzugefügt oder entfernt werden sollen. Wenn Sie mehrere Klassen angeben müssen, verwenden Sie Leerzeichen, um Klassennamen zu trennen. | ||||||||
function(index,currentclass) | Optional. Gibt eine Funktion an, die einen oder mehrere Klassennamen zurückgibt, die hinzugefügt/entfernt werden müssen.
|
||||||||
Schalter | Optional. Boolescher Wert, der angibt, ob Klassen nur hinzugefügt (true) oder entfernt (false) werden sollen. |
Das Effektdiagramm lautet wie folgt:
Effektanzeige Quellcode-Download
DateiZitat
:<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ $("p").toggleClass("main"); }); }); </script>
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das JQuery-Attribut toggleClass(), um Artikelabsätze zu erstellen und die Hintergrundfarbe zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!