Tutorial di base jQuery

Effetti jQuery

Il metodo show() mostra gli elementi nascosti.

Attenzione:Gli elementi nascosti non influenzeranno più la layout della pagina.

Attenzione:Se si utilizza !important nello stile, ad esempio display: none !important, questo metodo non coprirà !important.

Attenzione:Questo metodo è adatto per gli elementi nascosti tramite il metodo jQuery, in CSS display:none (nonvisibility: hidden)

Questo metodo viene solitamente utilizzato conhide()Metodi combinati.

$(selector).show(durata, easing, callback)

Mostra tutti gli elementi <p> quando si clicca sul pulsante:

Esempio

$("button").click(function(){
　　$("p").show();
});

UtilizzodurationParametro:

Esempio

$("button").click(function(){
　　$("p").show(1000);
});

UtilizzocallbackParametro:

Esempio

$("button").click(function(){
　　$("div").show(1000, function(){
　　　　alert("DIV visibile");
　　});
});

Animare tutti i tag span (nel presente esempio parole) per visualizzare rapidamente e completare ogni animazione entro 200 millisecondi:

Esempio

$("button").click(function(){
　　$("span:first-child").show("fast",　function(){
　　　　$(this).next().show("fast",　arguments.callee);
　　});
});

Parametro	Descrizione
duration	（Facoltativo）Determina quanto tempo durerà l'effetto di visualizzazione. Il valore predefinito è 400 millisecondi Valori Possibili: Millisecondi (ad esempio 100, 500, 2000, ecc.) “fast” “slow”
easing	（Facoltativo）Una stringa che specifica la velocità dell'elemento in diversi punti dell'animazione. Il valore predefinito è “swing” Valori Possibili: “swing”-Muoversi più lentamente all'inizio e alla fine, più velocemente nel mezzo “linear”-Muoversi a velocità costante
callback	（Facoltativo）Una funzione chiamata una volta completato il metodo show(), per ogni elemento selezionato