Tutoriales básicos de jQuery

Efectos de jQuery

El método show() muestra elementos ocultos.

Nota:Los elementos ocultos ya no afectarán el diseño de la página.

Nota:Si se usa !important en el estilo, por ejemplo, mostrar: none !important, este método no cubrirá !important.

Nota:Este método es adecuado para elementos ocultados con métodos jQuery, en CSS display:none (novisibility: oculto)。

Este método se usa generalmente conhide()Métodos juntos.

$(selector).show(duración, suavizado, devoluciónDeLlamada)

Mostrar todos los elementos <p> al hacer clic en el botón:

Ejemplo

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

UsardurationParámetros:

Ejemplo

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

UsarcallbackParámetros:

Ejemplo

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

Animar todos los intervalos (en este ejemplo, palabras) para mostrar rápidamente y en2completar cada animación en 00 milisegundos:

Ejemplo

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

Parámetros	Descripción
duration	（Opcional）Determina cuánto tiempo durará el efecto de visualización. El valor predeterminado es400 milisegundos Valores posibles: milisegundos (por ejemplo100,500,2000, etcétera) “fast” “slow”
easing	（Opcional）Una cadena que especifica la velocidad del elemento en diferentes puntos del animación. El valor predeterminado es “swing” Valores posibles: “swing”-Al principio/Mover más lento al final y más rápido en el medio “linear”-Mover a una velocidad constante
callback	（Opcional）Función que se llama una vez que se completa el método show(), para cada elemento seleccionado