Sehr praktische jQuery-toggle()-Methode

Beispiel

Verschiedene Hintergrundfarben umschalten:

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

Definition und Verwendung

Die Methode toggle() wird verwendet, um zwei oder mehr Ereignishandler Funktion , um wiederum 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 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

Probieren Sie es selbst aus

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

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

Hide() und Show() umschalten

Überprüfen Sie jedes Element sichtbar oder nicht.

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

Syntax

Probieren Sie es selbst aus

$(selector).toggle(speed,callback)

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“

„normal“

$(selector).toggle(switch)

„schnell“

Rückruf

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

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 vonSehr praktische jQuery-toggle()-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!