In diesem Artikel wird hauptsächlich die Methode zum Ändern der Hintergrundfarbe von Artikelabsätzen über das Attribut jquery toggleClass () vorgestellt. Jetzt kann ich es mit Ihnen teilen.
jQuery Erstellen Sie einen Artikelabsatz, um das Hintergrundfarbattribut jquery toggleClass() zu ändern. Der Artikel enthält Beispielcode und Quellcode für alle, die darauf verweisen können
Definition und Verwendung
toggleClass()-Methode zum Hinzufügen und Entfernt eine oder mehrere Klassen aus den ausgewählten Elementen zum Umschalten.
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. |
Die Wiedergabe ist wie folgt:
<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 ändern Sie die Hintergrundfarbe von Artikelabsätzen über das JQuery-Attribut toggleClass(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
