toggle
Englisch [?t?gl] US [?tɑ:gl]
n Stick-Taste; Umschalttaste
v
jquery toggle()-Methode Syntax
Funktion: Die Methode toggle() wird verwendet, um zwei oder mehr Event-Handler-Funktionen zu binden, um nacheinander auf das Klickereignis des ausgew?hlten Elements zu reagieren. Mit dieser Methode k?nnen auch die Methoden hide() und show() des ausgew?hlten Elements umgeschaltet werden.
Binden Sie zwei oder mehr Funktionen an das Umschaltereignis: Wenn auf das angegebene Element geklickt wird, wechseln Sie nacheinander zwischen zwei oder mehr Funktionen. Wenn mehr als zwei Funktionen angegeben sind, schaltet die Methode toggle() alle Funktionen um. Wenn es beispielsweise drei Funktionen gibt, ruft der erste Klick die erste Funktion auf, der zweite Klick ruft die zweite Funktion auf und der dritte Klick ruft die dritte Funktion auf. Der vierte Klick ruft erneut die erste Funktion auf und so weiter.
Syntax: $(selector).toggle(function1(),function2(),functionN(),...)
Parameter:
Parameter | Beschreibung |
Funktion1 () | Erforderlich. Gibt eine Funktion an, die ausgeführt wird, wenn das Element alle geraden Male angeklickt wird. |
function2() | Erforderlich. Gibt eine Funktion an, die alle ungeraden Klicks auf das Element ausgeführt wird. |
functionN(),... | Optional. Geben Sie andere Funktionen an, die umgeschaltet werden müssen. |
Hide() und Show(): überprüfen Sie, ob jedes Element sichtbar ist. Wenn das Element ausgeblendet ist, führen Sie show() aus. Wenn das Element sichtbar ist, wird das Element hide(). Dadurch entsteht ein Schalteffekt.
Syntax: $(selector).toggle(speed,callback)
Parameter:
Parameter | Beschreibung |
Geschwindigkeit | Optional. Gibt die Geschwindigkeit der Ein-/Ausblenden-Effekte an. Der Standardwert ist ?0“. M?gliche Werte: Millisekunden (z. B. 1500) ?langsam“ ?normal“ ?schnell“ |
Rückruf | optional. Funktion, die ausgeführt wird, wenn die toggle()-Methode abgeschlossen ist. |
Elemente anzeigen oder ausblenden: Gibt an, ob nur alle passenden Elemente angezeigt oder ausgeblendet werden sollen.
Syntax: $(selector).toggle(switch)
Parameter:
Parameter | Beschreibung |
Schalter | Erforderlich. Ein boolescher Wert, der angibt, ob toggle() nur alle ausgew?hlten Elemente anzeigen oder ausblenden soll. true – das Element anzeigen false – das Element ausblenden |
jquery toggle()-Methode Beispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").toggle(function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");} ); }); </script> </head> <body> <button>請點擊這里,來切換不同的背景顏色</button> </body> </html>
Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen