Ausführliche Erläuterung der sehr praktischen Event-Toggle()-Methode von jQuery

Beispiel

Verschiedene Hintergrundfarben umschalten:

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

Probieren Sie es selbst aus

Definition und Verwendung

toggle()-Methode wird verwendet. Binden Sie zwei oder mehrere Ereignishandler funktionieren , um nacheinander auf das Klickereignis des ausgewählten Elements zu reagieren.

Diese Methode kann auch verwendet werden, um die Methoden hide() und show() des ausgewählten Elements zu wechseln.

Zwei oder mehr Funktionen an das Toggle-Ereignis binden

Umschalten zwischen zwei oder mehr Funktionen abwechselnd, wenn auf das angegebene Element geklickt wird.

Wenn mehr als zwei Funktionen angegeben werden, schaltet die toggle()-Methode alle Funktionen um. Wenn beispielsweise drei Funktionen vorhanden sind, 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(),...)

Probieren Sie es selbst aus

参数	描述
function1()	必需。规定当元素在每偶数次被点击时要运行的函数。
function2()	必需。规定当元素在每奇数次被点击时要运行的函数。
functionN(),...	可选。规定需要切换的其他函数。

Hide() und Show() umschalten

Überprüfen Sie, ob jedes Element sichtbar ist.

Führen Sie show() aus, wenn das Element ausgeblendet ist. Wenn das Element sichtbar ist, wird das Element hide(). Dadurch entsteht ein Schalteffekt.

Syntax

$(selector).toggle(speed,callback)

Probieren Sie es selbst aus

Parameter

Beschreibung

Geschwindigkeit

Optional. Gibt die Geschwindigkeit der Ein-/Ausblenden-Effekte an. Der Standardwert ist „0“.

参数	描述
speed	可选。规定 hide/show 效果的速度。默认是 "0"。 可能的值： 毫秒（比如 1500） "slow" "normal" "fast"
callback	可选。当 toggle() 方法完成时执行的函数。 如需学习更多有关 callback 的知识，请访问我们的 Callback 函数教程。

Mögliche Werte:

• Millisekunden (z. B. 1500)

• " langsam“

• $(selector).toggle(switch)

  „normal“

• „schnell“

  参数	描述
  switch	必需。布尔值，规定 toggle() 是否应只显示或只隐藏所有被选元素。 true - 显示元素 false - 隐藏元素

Rückruf

Optional. Funktion, die ausgeführt wird, wenn die toggle()-Methode abgeschlossen ist. Um mehr über Rückrufe zu erfahren, besuchen Sie unser Tutorial zur Rückruffunktion.

Elemente anzeigen oder ausblenden Gibt an, ob nur alle übereinstimmenden Elemente angezeigt oder ausgeblendet werden sollen. SyntaxProbieren Sie es selbst aus

Parameter	Beschreibung
Schalter	Erforderlich. Ein boolescher Wert, der angibt, ob toggle() nur alle ausgewählten Elemente anzeigen oder ausblenden soll. true – Element anzeigen false – Element ausblenden li>

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der sehr praktischen Event-Toggle()-Methode von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!