jQuery Ereignis - toggle() Methode

jQuery Ereignisreferenzhandbuch

Beispiel

Wechsel zwischen verschiedenen Hintergrundfarben:

$("p").toggle();
  function(){
  $("body").css("background-color","green");
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

Versuchen Sie es selbst

Definition und Verwendung

toggle() -Methode wird verwendet, um zwei oder mehr Event-Handler-Funktionen zu binden, um auf wechselnde click -Ereignisse des ausgewählten Elements zu reagieren.

Diese Methode kann auch verwendet werden, um den Wechsel der hide() und show() Methode.

Binde zwei oder mehr Funktionen an den Toggle -Event

Wechselt zwischen zwei oder mehr Funktionen, wenn das angegebene Element geklickt wird.

Wenn zwei oder mehr Funktionen angegeben sind, wechselt die toggle() -Methode alle Funktionen. Zum Beispiel wird bei drei Funktionen der erste Klick die erste Funktion aufrufen, der zweite Klick die zweite Funktion, der dritte Klick die dritte Funktion. Der vierte Klick ruft wiederum die erste Funktion auf und so weiter.

Syntax

$(selector).toggle(function1(),function2(),functionN(),...)

Versuchen Sie es selbst

Parameter Beschreibung
function1() Notwendig. Funktion, die bei jedem geraden Klick auf das Element ausgeführt wird.
function2() Notwendig. Funktion, die bei jedem ungeraden Klick auf das Element ausgeführt wird.
functionN(),... Optional. Bestimmt andere Funktionen, die gewechselt werden sollen.

Wechseln von Hide() und Show()

Überprüft, ob jedes Element sichtbar ist.

Führt show() aus, wenn das Element versteckt ist. Führt hide() aus, wenn das Element sichtbar ist. Dies ermöglicht den Erstellung von Wechseleffekten.

Syntax

$(selector).toggle(speed,callback)

Versuchen Sie es selbst

Parameter Beschreibung
speed

Optional. Bestimmt die Geschwindigkeit des hide/show -Effekts. Standard ist "0".

Mögliche Werte:

  • Millisekunden (z.B. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Optional. Funktion, die nach Abschluss der toggle() -Methode ausgeführt wird.

Besuchen Sie unsere Seite, um mehr über Callbacks zu erfahren: Callback-Funktionstutorial.

Elemente anzeigen oder verbergen

Gibt an, ob nur alle passenden Elemente angezeigt oder versteckt werden sollen.

Syntax

$(selector).toggle(switch)

Versuchen Sie es selbst

Parameter Beschreibung
switch

Notwendig. Boolescher Wert, der angibt, ob toggle() nur alle ausgewählten Elemente anzeigen oder verbergen soll.

  • true - Elemente anzeigen
  • false - Elemente verbergen

jQuery Ereignisreferenzhandbuch