Einfachste Weg toggle 2 Klassen in jQuery
Wenn ich Klasse .- A-und class .B und möchten wechseln Sie zwischen auf-Taste klicken, was eine schöne Lösung für die, die in jQuery? Ich verstehe immer noch nicht, wie toggleClass()
funktioniert.
Gibt es eine inline-Lösung, um es in onclick=""
Veranstaltung?
Inline-JS (
onclick=""
) ist schlecht. warum kommst du nicht mit jQuery registrieren Sie einen richtigen event-handler (oder ein Delegierter/live-Ereignis, wenn Sie haben viele Elemente mit dem gleichen handler)InformationsquelleAutor Stewie Griffin | 2011-08-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Ihr element macht Klasse
A
von Anfang an, können Sie schreiben:Dadurch entfernen Sie Klasse
A
und Klasse hinzufügenB
. Wenn du das noch einmal tun, wird es zu entfernen-KlasseB
und Wiedereinstellung KlasseA
.Wenn Sie wollen-match die Elemente, setzen entweder die Klasse, die Sie verwenden können, eine mehrere class-Selektor und schreiben:
das ist in der Tat möglich, siehe meine aktualisierte Antwort.
Beachten Sie, dass Sie sollten cache das Objekt, das Sie versuchen, zu wechseln, anstatt die Elemente auswählen, jedes mal, die häufigste Verwendung für das Umschalten Klassen, die in einem click-Ereignishandler.
var $trigger = $(".A"); $trigger.on("click", function() {$trigger.toggleClass("A B")});
gekennzeichnet als herablassend. Frédéric - was ist, wenn das element keine Klasse "von Anfang an"? das ist ein wichtiger Status.
Das funktioniert nicht mehr. Nun fügt und entfernt die beiden Klassen zur gleichen Zeit.
InformationsquelleAutor Frédéric Hamidi
Hier ist eine vereinfachte version: (wenn auch nicht elegant, aber einfach-zu-Folgen)
Alternativ eine ähnliche Lösung:
toggle
ist depricated in jquery 2.0Dank vittore. Es ist offensichtlich eine ältere Antwort von 2011. Ich habe aktualisiert die syntax entsprechend.
InformationsquelleAutor Rion Williams
Ich habe ein jQuery-plugin für die Bearbeitung von TROCKENEN:
Können Sie probieren Sie es hier aus, kopieren Sie und führen Sie dieses in die Konsole und dann versuchen:
InformationsquelleAutor vsync
Hier ist ein weiteres "nicht-konventionelle" Art und Weise.
Ein Beispiel für dieses Szenario könnte die buttons, die hat die Klasse gewechselt werden, die auf einem anderen element (z.B. tabs in einem Behälter).
InformationsquelleAutor Luca Reghellin
Ihre
onClick
Anfrage:Probieren Sie es aus: https://jsfiddle.net/v15q6b5y/
Nur die JS à la jQuery:
InformationsquelleAutor gdibble
Ist die einfachste Lösung
toggleClass()
beide Klassen einzeln.Lassen Sie uns sagen, Sie haben ein Symbol:
Umschalten zwischen
fa-angle-down
undfa-angle-up
Folgendes tun:Da hatten wir
fa-angle-down
am Anfang ohnefa-angle-up
jedes mal, wenn Sie wechseln beide, verlässt man für die anderen zu erscheinen.InformationsquelleAutor Overcomer