jQuery zdarzenie - metoda toggle()

Przeglądarka wydarzeń jQuery

Przykład

Zmiana różnych kolorów tła:

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

Spróbuj sam

Definicja i użycie

Metoda toggle() służy do przypisywania dwóch lub więcej funkcji obsługi zdarzeń, aby reagować na cykliczne kliknięcia elementu.

Ta metoda może również być używana do przełączania hide() i show() Metoda.

Przypisanie dwóch lub więcej funkcji do zdarzenia Toggle

Przełącza między dwoma lub większą liczbą funkcji, gdy element jest klikany.

Jeśli określono więcej niż dwie funkcje, metoda toggle() przełączy wszystkie funkcje. Na przykład, jeśli istnieją trzy funkcje, pierwsze kliknięcie wywoła pierwszą funkcję, drugie kliknięcie drugą funkcję, trzecie kliknięcie trzecią funkcję. Czwarte kliknięcie ponownie wywoła pierwszą funkcję, itd.

Gramatyka

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

Spróbuj sam

Parametry Opis
function1() Wymagane. Funkcja uruchamiana przy każdym parzystym kliknięciu elementu.
function2() Wymagane. Funkcja uruchamiana przy każdym nieparzystym kliknięciu elementu.
functionN(),... Opcjonalnie. Określa inne funkcje do przełączania.

Przełączanie Hide() i Show()

Sprawdza, czy każdy element jest widoczny.

Jeśli element jest ukryty, uruchamia show(). Jeśli element jest widoczny, uruchamia hide(). W ten sposób można stworzyć efekt przełączania.

Gramatyka

$(selector).toggle(speed,callback)

Spróbuj sam

Parametry Opis
speed

Opcjonalnie. Określa szybkość efektu ukrywania/wyświetlania. Domyślnie jest "0".

Możliwe wartości:

  • milisekundy (np. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Opcjonalnie. Funkcja wykonywana po zakończeniu działania metody toggle().

Aby dowiedzieć się więcej o funkcjach zwrotnych, odwiedź nasz Tutorial funkcji zwrotnych.

Wyświetlanie i ukrywanie elementów

Określa, czy tylko wyświetlać lub tylko ukrywać wszystkie dopasowane elementy.

Gramatyka

$(selector).toggle(switch)

Spróbuj sam

Parametry Opis
switch

Wymagane. Wartość logiczna, określa, czy toggle() powinien wyświetlać lub ukrywać wszystkie wybrane elementy.

  • true - wyświetlenie elementu
  • false - ukrycie elementu

Przeglądarka wydarzeń jQuery