Metoda jQuery Hide | Wyjaśnione

Metoda jQuery Hide | Wyjaśnione

JQuery, która jest biblioteką JavaScript sprawia, że ​​zadania takie jak animacja, obsługa zdarzeń lub ajax jest bardzo łatwy. Są to niektóre zadania, które zwykle przyjmowałyby wiele wierszy kodu, ale JQuery zapewnia pewne metody, które mogą wykonać te zadania w jednym wierszu kodu. Chociaż istnieje wiele metod jQuery, w tym przewodniku będziemy trzymać się metody JQuery Hide () i zobaczymy, jak to działa.

Metoda jQuery Hide ()

Jak sama nazwa wskazuje, metoda jQuery Hide () jest używana w celu ukrycia określonych elementów. Elementy, które ukrywasz za pomocą Metoda jQuery Hide () będzie całkowicie niewidoczny dla użytkownika.

Składnia

$ selektor.ukryj (parametr)

Różne parametry, które można przekazać do metody Hide (), są następujące.

Parametr Opis
prędkość Ten parametr opisuje prędkość efektów ukrytych. Może wykazywać takie wartości, jak powolne, szybkie i milisekund.
Ułatwienie Ten parametr opisuje prędkość elementu w różnych punktach animacji. Może wykazywać wartości takie jak huśtawka i liniowe.
oddzwonić Jest to funkcja, która wykonuje się po zakończeniu metody Hide ().

Notatka: Wszystkie wyżej wymienione parametry są opcjonalne.

Poniżej zilustrowaliśmy kilka przykładów, które pomogą lepiej zrozumieć metodę Hide ().

Przykład 1

Ten przykład pokazuje metodę Hide (), nie przepuszczając parametru.

Html

Kliknij przycisk poniżej, aby ukryć ten nagłówek.


W powyższym kodzie HTML tworzono dwa elementy

I . Teraz zastosujemy metodę jQuery Hide () na ukrycie

element.

JQuery

Wyjście

Przed kliknięciem przycisku „Ukryj”.


Po kliknięciu przycisku nagłówek zniknie.


Kierowanie się zniknęło pomyślnie i szybko.

Przykład 2

Ten przykład pokazuje działanie parametru prędkości.

JQuery

W powyższym przykładzie przekazaliśmy 900 jako parametr do funkcji Hide (), co oznacza, że ​​po kliknięciu przycisku zajmie tylko 900 milisekund, aby nagłówek zniknął. Im mniejsza liczba milisekund, tym szybciej nagłówek zniknie i odwrotnie.

Wyjście

Parametr prędkości działa poprawnie.

Przykład 3

Ten przykład pokazuje działanie parametru zwrotnego.

JQuery

W powyższym fragmencie kodu wraz z parametrem prędkości przeszliśmy również parametr zwrotny. Po wykonaniu metody Hide () pojawi się również komunikat ostrzegawczy potwierdzający pomyślne wykonanie metody.

Wyjście

Przed kliknięciem przycisku.


Po kliknięciu przycisku.

Parametr zwrotny działa poprawnie.

Wniosek

Metoda jQuery Hide () jest stosowana w celu ukrycia określonych elementów. Po ukryciu elementów całkowicie znikną z widoku użytkownika. Możesz przekazać trzy parametry do funkcji Hide (), które są; prędkość, ułatwienie i oddzwonienie. Wszystkie te parametry są opcjonalne. Metoda jQuery Hide () jest szczegółowo wyjaśniona w tym przewodniku wraz z przykładami, które ilustrują użycie parametrów metody Hide ().