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