Effetti jQuery - Nascondi e mostra
Nascondi, Mostra, Attiva/Disattiva, Fai scorrere, Dissolvenza e Anima. OH!
Fare clic per mostrare/nascondere il pannello
Poiché il tempo è prezioso, offriamo un apprendimento facile e veloce.
A W3Schools, puoi studiare tutto ciò di cui hai bisogno per imparare, in un formato accessibile e pratico.
Esempi
Dimostra un semplice metodo jQuery hide().
Un'altra dimostrazione di hide(). Come nascondere parti di testo.
jQuery nascondi() e mostra()
Con jQuery, puoi nascondere e mostrare elementi HTML con i metodi hide()e :show()
Esempio
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Sintassi:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Il parametro di velocità opzionale specifica la velocità di nascondere/visualizzare e può assumere i seguenti valori: "lento", "veloce" o millisecondi.
Il parametro facoltativo di callback è una funzione da eseguire dopo il completamento del metodo hide()o show()(imparerai di più sulle funzioni di callback in un capitolo successivo).
L'esempio seguente mostra il parametro di velocità con hide():
Esempio
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
Puoi anche alternare tra nascondere e mostrare un elemento con il toggle()metodo.
Gli elementi mostrati sono nascosti e gli elementi nascosti sono mostrati:
Esempio
$("button").click(function(){
$("p").toggle();
});
Sintassi:
$(selector).toggle(speed,callback);
Il parametro di velocità opzionale può assumere i seguenti valori: "slow", "fast" o millisecondi.
Il parametro di callback opzionale è una funzione da eseguire dopo il
toggle()completamento.
Esercizi jQuery
Riferimento agli effetti jQuery
Per una panoramica completa di tutti gli effetti jQuery, vai al nostro Riferimento agli effetti jQuery .