Efekty jQuery - Ukryj i pokaż
Ukryj, pokaż, przełącz, przesuń, zanikaj i animuj. WOW!
Kliknij, aby pokazać/ukryć panel
Ponieważ czas jest cenny, zapewniamy szybką i łatwą naukę.
W W3Schools możesz uczyć się wszystkiego, czego potrzebujesz do nauki, w przystępnym i poręcznym formacie.
Przykłady
Demonstruje prostą metodę jQuery hide().
Kolejna demonstracja hide(). Jak ukryć fragmenty tekstu.
jQuery hide() i show()
Dzięki jQuery możesz ukrywać i wyświetlać elementy HTML za pomocą metod hide()
i :show()
Przykład
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Składnia:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Opcjonalny parametr speed określa szybkość ukrywania/pokazywania i może przyjmować następujące wartości: "wolno", "szybko" lub milisekundy.
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po zakończeniu działania metody hide()
lub show()
(więcej o funkcjach zwrotnych dowiesz się w następnym rozdziale).
Poniższy przykład demonstruje parametr prędkości z hide()
:
Przykład
$("button").click(function(){
$("p").hide(1000);
});
przełącznik jQuery()
Możesz także przełączać się między ukrywaniem a pokazywaniem elementu za pomocą toggle()
metody.
Pokazane elementy są ukryte, a ukryte elementy są pokazane:
Przykład
$("button").click(function(){
$("p").toggle();
});
Składnia:
$(selector).toggle(speed,callback);
Opcjonalny parametr prędkości może przyjmować następujące wartości: „wolno”, „szybko” lub milisekundy.
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po
toggle()
zakończeniu.
Ćwiczenia z jQuery
Odniesienie do efektów jQuery
Aby uzyskać pełny przegląd wszystkich efektów jQuery, przejdź do naszego Dokumentacja efektów jQuery .