Metoda show jQuery | Wyjaśnione
Dodawanie animacji i różnych efektów odgrywa ważną rolę w zwiększaniu wrażeń użytkownika witryny. Można je wykonać z bezwzględną łatwością przy użyciu różnych metod dostarczonych przez JQuery, która jest biblioteką JavaScript. Istnieje ogromna lista takich metod jQuery, jednak w tym przewodniku dowiemy się wszystkiego o Metoda jquery show ().
Zacznijmy.
Metoda jquery show ()
Jak sama nazwa wskazuje, metoda jQuery show () jest używana w celu wyświetlania ukrytych elementów. Ta właściwość pokazuje tylko te elementy, które są ukryte za pomocą metody jQuery Hide () lub właściwości wyświetlania CSS.
Składnia
$ selektor.Pokaż (parametr)Metoda show () wykazuje następujące parametry.
| Parametr | Opis |
|---|---|
| prędkość | Ten parametr opisuje szybkość efektów show. Renderuje takie wartości, jak powolne, szybkie i milisekund. |
| Ułatwienie | Ten parametr opisuje prędkość elementu w różnych punktach animacji. Renderuje takie wartości, jak huśtawka i liniowa. |
| oddzwonić | Jest to funkcja, która wykonuje się po wywołaniu metody show (). |
Notatka: Wszystkie wyżej wymienione parametry są opcjonalne.
Poniższe przykłady pomogą ci w lepszym zrozumieniu metody show ().
Przykład 1
W tym przykładzie zademonstrowaliśmy metodę show (), nie przekazując parametru.
Ponieważ metoda show () ujawnia tylko te elementy, które są ukryte za pomocą metody jQuery Hide (), dlatego musimy najpierw ukryć element, aby pokazać go za pomocą metody show ().
Html
Metoda jquery show ()
W powyższym kodzie HTML dwa elementy i jeden
Element są tworzone. Teraz zastosujemy metody jQuery Hide () i show () na elementach, aby obserwować skórę i pokazać efekt element.
JQuery
Wyjście
Przed kliknięciem któregokolwiek z przycisków.
Kliknij pierwszy przycisk, aby zniknąć nagłówek, a po jego ukryciu kliknij drugi przycisk, aby odsłonić nagłówek.
Kierowanie zniknęło i pojawiło się z powodzeniem i szybko.
Przykład 2
Ten przykład pokazuje działanie parametru prędkości.
JQuery
W powyższym przykładzie przeszliśmy 900 jako parametr do metod Hide () i show (), co oznacza, że po kliknięciu pierwszego przycisku zajmie tylko 900 milisekund, aby nagłówek zniknął i tylko 900 milisekund, gdy pojawi się ponownie Kliknij drugi przycisk . Im mniejsza liczba milisekund, tym szybciej pojawi się nagłówek i odwrotnie.
Wyjście
Parametr prędkości został pomyślnie wykonany.
Przykład 3
Ten przykład pokazuje, jak działa parametr zwrotny.
JQuery
W powyższym fragmencie kodu wraz z parametrem prędkości przeszliśmy również parametr zwrotny. Po wywołaniu metod Hide () i show () pojawi się również komunikat ostrzegawczy potwierdzający pomyślne wykonanie obu metod.
Wyjście
Przed kliknięciem któregokolwiek z przycisków.
Po kliknięciu pierwszego przycisku, aby ukryć nagłówek.
Po kliknięciu drugiego przycisku, aby pokazać nagłówek.
Parametr zwrotny działa poprawnie.
Wniosek
Metoda jQuery show () jest stosowana w celu wyświetlania ukrytych elementów. Pokazuje tylko te elementy, które są ukryte za pomocą metody jQuery Hide () lub właściwości wyświetlania CSS. Metoda JQuery Show () wykazuje trzy parametry; prędkość, ułatwienie i oddzwonienie. Wszystkie te parametry są opcjonalne. Metoda jQuery show () jest szczegółowo omówiona w tym przewodniku wraz z przykładami ilustrującymi użycie parametrów metody show ().