hide () es un método incorporado en jQuery que se utiliza para ocultar el elemento seleccionado.
Sintaxis:
$(selector).hide(duration, easing, call_function);
Aquí selector es el elemento seleccionado.
Parámetro: Acepta tres parámetros que se especifican a continuación:
- duración: Especifica la velocidad del efecto de ocultación.
- Easing: Especifica la velocidad del elemento en diferentes puntos de la animación.
- call_function: esta es la función de devolución de llamada que se ejecutará después de la operación de ocultación.
Valor devuelto: No devuelve ningún valor.
Código #1:
En el siguiente código, no se usa ningún parámetro para pasar a este método.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function() {
$(".b1").click(function() {
$("p").hide();
});
});
</script>
<style>
div {
width: 50%;
height: 80px;
padding: 20px;
margin: 10px;
border: 2px solid green;
font-size: 30px;
}
.b1 {
margin: 10px;
}
</style>
</head>
<body>
<div>
<p>GeeksforGeeks !.</p>
</div>
<!-- click on this button and above paragraph will disappear -->
<button class="b1">Click me !</button>
</body>
</html>
Salida:
antes de hacer clic en «¡Haz clic en mí!» botón-
Después de hacer clic en «¡Haz clic en mí!» botón-
Código #2:
En el siguiente código, el parámetro se pasa a este método.
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show the working of this method -->
$(document).ready(function() {
$(".btn1").click(function() {
$("p").hide(1000, function() {
alert("Hide() method has finished its working!");
});
});
});
</script>
<style>
p {
width: 40%;
padding: 20px;
height: 50px;
border: 2px solid green;
}
</style>
</head>
<body>
<p>GeeksforGeeks.!</p>
<!-- click on this button and above paragraph will hide -->
<button class="btn1">Click to Hide</button>
</body>
</html>
Salida:
antes de hacer clic en el botón «Hacer clic para ocultar»-
Después de hacer clic en el botón «Hacer clic para ocultar»-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA