Tutorial básico jQuery

Efeitos jQuery

O método show() mostra elementos ocultos.

Atenção:Elementos ocultos não afetarão mais o layout da página.

Atenção:Se usar !important no estilo, por exemplo, exibir: none !important, este método não cobrirá !important.

Atenção:Este método é aplicável a elementos ocultados por métodos jQuery, em CSS display:none (nãovisibility: oculto）。

Este método geralmente é usado comhide()Métodos juntos.

$(selector).show(duracao, efeito, callback)

Exibir todos os elementos <p> ao clicar no botão:

Exemplo

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

UsardurationParâmetros:

Exemplo

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

UsarcallbackParâmetros:

Exemplo

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

Animar todos os intervalos (no exemplo, palavras) para exibir rapidamente e em2Concluir cada animação dentro de 00 milissegundos:

Exemplo

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

Parâmetro	Descrição
duration	（Opcional）Determina por quanto tempo o efeito de exibição será executado. O valor padrão é400 milissegundos Valores possíveis: milissegundos (por exemplo100,500,2000, etc) “fast” “slow”
easing	（Opcional）Uma string que especifica a velocidade do elemento em diferentes pontos da animação. O valor padrão é “swing” Valores possíveis: “swing”-No início/Mover mais devagar no final e mais rápido no meio “linear”-Mover a uma velocidade constante
callback	（Opcional）Função chamada assim que o método show() for concluído, chamada uma vez para cada elemento selecionado