Ocultar, mostrar, Toggle, diapositivas, Fade, y la animación. ¡GUAUU!
Haga clic para mostrar el panel / ocultar
Porque el tiempo es valioso, ofrecemos un aprendizaje rápido y fácil.
En w3ii, se puede estudiar todo lo necesario para aprender, en un formato accesible y práctico.
Ejemplos
jQuery hide()
Demuestra un simple jQuery hide() método.
jQuery hide()
Otra hide() demostración. Cómo ocultar partes del texto.
jQuery hide() y show()
Con jQuery, puede ocultar y mostrar los elementos HTML con la hide() y show() métodos:
Ejemplo
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Inténtalo tú mismo " Sintaxis:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
El parámetro de velocidad opcional especifica la velocidad de la Ocultación / muestra, y puede tomar los siguientes valores: "slow", "fast" , o milisegundos.
El parámetro callback opcional es una función a ejecutar después de la hide() o show() método se completa (aprenderá más sobre las funciones de devolución de llamada en un capítulo posterior).
El siguiente ejemplo demuestra el parámetro de velocidad con la hide() :
jQuery toggle()
Con jQuery, puede alternar entre la hide() y show() métodos con el toggle() método.
elementos que se muestran están ocultos y se muestran los elementos ocultos:
Sintaxis:
$(selector).toggle(speed,callback);
El parámetro de velocidad opcional puede tomar los siguientes valores: "slow", "fast" , o milisegundos.
El parámetro callback opcional es una función a ejecutar después toggle() completa.
Ponte a prueba con los ejercicios!
Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»
jQuery Referencia de efectos
Para una visión completa de todos los efectos jQuery, por favor vaya a nuestra jQuery Efecto de referencia .