JQuery Hide Method | Explicado
JQuery, que es una biblioteca de JavaScript, hace tareas como animación, manejo de eventos o AJAX muy fácil. Estas son algunas tareas que generalmente tomarían múltiples líneas de código para lograr, pero JQuery proporciona ciertos métodos que pueden cumplir estas tareas en una sola línea de código. Aunque, existen numerosas cantidad de métodos jQuery, sin embargo, en esta guía nos apegaremos al método jQuery hide () y veremos cómo funciona.
método jQuery hide ()
Como su nombre indica, el método jQuery hide () se utiliza con el fin de ocultar elementos especificados. Los elementos que escondes usando el método jQuery hide () Será completamente invisible para el usuario.
Sintaxis
$ selector.ocultar (parámetro)Los diferentes parámetros que puede pasar al método Hide () son los siguientes.
| Parámetro | Descripción |
|---|---|
| velocidad | Este parámetro describe la velocidad de los efectos de la piel. Puede exhibir valores como lento, rápido y milisegundos. |
| alivio | Este parámetro describe la velocidad de un elemento en diferentes puntos de animación. Puede exhibir valores como swing y lineal. |
| llamar de vuelta | Es una función que se ejecuta una vez que termina el método Hide (). |
Nota: Todos los parámetros mencionados anteriormente son opcionales.
A continuación hemos ilustrado algunos ejemplos que ayudarán a establecer una mejor comprensión del método Hide ().
Ejemplo 1
Este ejemplo demuestra el método Hide () sin pasar un parámetro.
Html
Haga clic en el botón de abajo para ocultar este encabezado.
En el código HTML anterior se crean dos elementos
y . Ahora aplicaremos el método jQuery hide () en el para ocultar el elemento.
jQuery
Producción
Antes de hacer clic en el botón "Ocultar".
Después de hacer clic en el botón, el encabezado desaparecerá.
El encabezado desapareció 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 a la función Hide (), lo que significa que una vez que hace clic en el botón, solo tomará 900 milisegundos para que el rumbo desaparezca. Cuanto menor sea el número de milisegundos, más rápido desaparecerá y viceversa.
Producción
El parámetro de velocidad funciona correctamente.
Ejemplo 3
Este ejemplo muestra el funcionamiento del 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 el método Hide () se haya ejecutado, también aparecerá un mensaje de alerta confirmando la ejecución exitosa del método.
Producción
Antes de hacer clic en el botón.
Después de hacer clic en el botón.
El parámetro de devolución de llamada funciona correctamente.
Conclusión
El método jQuery hide () se utiliza con el fin de ocultar elementos especificados. Una vez que los elementos estén ocultos, desaparecerán por completo de la vista del usuario. Puede pasar tres parámetros a la función Hide () que son; velocidad, relajación y devolución de llamada. Todos estos parámetros son opcionales. El método jQuery hide () se explica en profundidad en esta guía junto con ejemplos que ilustran el uso de los diferentes parámetros del método hide ().