Método JQuery Show | Explicado
Agregar animaciones y diferentes efectos juegan un papel importante en el aumento de la experiencia del usuario de un sitio web. Estos se pueden realizar con absoluta facilidad utilizando varios métodos proporcionados por JQuery, que es una biblioteca de JavaScript. Hay una gran lista de tales métodos jQuery, sin embargo, en esta guía aprenderemos todo sobre el método jQuery show ().
Empecemos.
método jQuery show ()
Como su nombre indica, el método jQuery show () se utiliza con el fin de mostrar los elementos ocultos. Esta propiedad muestra solo aquellos elementos que están ocultos utilizando el método jQuery hide () o la propiedad de pantalla CSS.
Sintaxis
$ selector.Show (parámetro)El método show () exhibe los siguientes parámetros.
| Parámetro | Descripción |
|---|---|
| velocidad | Este parámetro describe la velocidad de los efectos del espectáculo. Hace valores como lento, rápido y milisegundos. |
| alivio | Este parámetro describe la velocidad de un elemento en diferentes puntos de animación. Hace valores como swing y lineal. |
| llamar de vuelta | Es una función que se ejecuta una vez que se llama al método show (). |
Nota: Todos los parámetros mencionados anteriormente son opcionales.
Los ejemplos a continuación lo ayudarán a establecer una mejor comprensión del método Show ().
Ejemplo 1
En este ejemplo, hemos demostrado el método show () sin pasar sin parámetro.
Dado que el método show () revela solo aquellos elementos que están ocultos usando el método jQuery hide (), por lo tanto, primero tenemos que ocultar un elemento para mostrarlo usando el método show ().
Html
método jQuery show ()
En el código HTML anterior dos elementos y uno
se están creando elementos. Ahora aplicaremos los métodos jQuery Hide () y Show () en los elementos para observar el efecto de escondite y mostrar en elemento.
jQuery
Producción
Antes de hacer clic en cualquiera de los botones.
Haga clic en el primer botón para que el encabezado desaparezca y después de que esté oculto, haga clic en el segundo botón para revelar el encabezado.
El encabezado desapareció y apareció con éxito y rápido.
Ejemplo 2
Este ejemplo muestra el funcionamiento del parámetro de velocidad.
jQuery
En el ejemplo anterior, hemos pasado 900 como parámetro para los métodos Hide () y Show (), lo que significa que una vez que haga clic en el primer botón, solo tomará 900 milisegundos para que el encabezado desaparezca y solo 900 milisegundos aparezcan nuevamente cuando usted Haga clic en el segundo botón . Cuanto menor sea el número de milisegundos, más rápido aparecerá el encabezado, y viceversa.
Producción
El parámetro de velocidad se ejecutó con éxito.
Ejemplo 3
Este ejemplo muestra cómo funciona el parámetro de devolución de llamada.
jQuery
En el fragmento de código anterior, junto con el parámetro de velocidad, también hemos pasado el parámetro de devolución de llamada. Una vez que se llaman a los métodos Hide () y Show (), también aparecerá un mensaje de alerta confirmando la ejecución exitosa de ambos métodos.
Producción
Antes de hacer clic en cualquiera de los botones.
Después de hacer clic en el primer botón para ocultar el encabezado.
Después de hacer clic en el segundo botón para mostrar el encabezado.
El parámetro de devolución de llamada funciona correctamente.
Conclusión
El método jQuery show () se utiliza con el fin de mostrar los elementos ocultos. Muestra solo aquellos elementos que están ocultos utilizando el método jQuery hide () o la propiedad de visualización de CSS. El método jQuery show () exhibe tres parámetros que son; velocidad, relajación y devolución de llamada. Todos estos parámetros son opcionales. El método jQuery show () se discute en profundidad en esta guía junto con ejemplos que ilustran el uso de los diferentes parámetros del método show ().