Detaillierte Erläuterung der Ereignisfunktion jQuery.toggle()

Die Funktion

toggle() wird verwendet, um eine rotierende Handlerfunktion an das Klick--Ereignis jedes übereinstimmenden Elements zu binden.

toggle() ist eine spezielle Ereignisfunktion, die verwendet wird, um mehrere Ereignisverarbeitungsfunktionen an das Klickereignis übereinstimmender Elemente zu binden. Jedes Mal, wenn das Klickereignis ausgelöst wird, führt die Funktion toggle() nacheinander einen der Ereignishandler aus.

Zum Beispiel verwenden wir toggle("click", A, B, C), um drei Event-Handler A, B und C an das Click-Event des Elements zu binden. Der erste Klick führt A aus, der zweite Klick führt B aus, der dritte Klick führt C aus, der vierte Klick führt A aus und der fünfte Klick führt B aus ... (Wenn toggle() mehrmals aufgerufen wird, ist der Raum unabhängig).

Um ein über toggle() gebundenes Ereignis zu löschen , verwenden Sie die Funktion unbind(). Beispiel: unbind("click").

Die hier vorgestellte toggle() ist eine spezielle Click-Event-Funktion jQuery hat auch eine toggle()-Funktion mit demselben Namen, die zum Umschalten der Anzeige/Ausblendung von Elementen verwendet wird.

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

Diese Funktion wurde in jQuery 1.0 hinzugefügt, wurde jedoch ab 1.8 als veraltet markiert und ab 1.9 entfernt.

jQueryObject.toggle( handler1, handler2 [, handlerN... ] )

Parameter

Parameterbeschreibung

handler1 Ereignisverarbeitungsfunktion, angegeben durch Funktionstyp 1.

handler2 Event-Handler-Funktion 2, angegeben durch Funktionstyp.

handlerN optional/Ereignishandlerfunktion N angegeben durch Funktionstyp, es kann eine beliebige Zahl sein.

Die Ereignisfunktion toggle() übergibt einen Parameter an die Ereignisverarbeitungsfunktion, bei der es sich um das Ereignisobjekt handelt, das das aktuelle Ereignis darstellt.

Wenn der Rückgabewert der Ereignisbehandlungsfunktion falsch ist, bedeutet dies, dass das Standardereignisverhalten des Elements blockiert und verhindert wird, dass das Ereignis im DOM-Baum sprudelt. Wenn beispielsweise die Handlerfunktion des Klickereignisses des Links false zurückgibt, kann das Standard-URL-Sprungverhalten des Links verhindert werden.

function clickHandler1(){
    alert("click-1");
}
function clickHandler2(){
    alert("click-2");
}
function clickHandler3(){
    alert("click-3");
}
function clickHandler4(){
    alert("click-4");
}
$("#btn").toggle( clickHandler1, clickHandler2, clickHandler3, clickHandler4 );
//第1次点击执行clickHandler1
//第2次点击执行clickHandler2
//第3次点击执行clickHandler3
//第4次点击执行clickHandler4
//第5次点击执行clickHandler1
//第6次点击执行clickHandler2
//第7次点击执行clickHandler3
//第8次点击执行clickHandler4
//循环切换执行...