Méthode jQuery Hide | Expliqué

Méthode jQuery Hide | Expliqué

JQuery qui est une bibliothèque JavaScript rend des tâches comme l'animation, la manipulation des événements ou l'Ajax très facile. Ce sont certaines tâches qui prendraient généralement plusieurs lignes de code à réaliser, mais JQuery fournit certaines méthodes qui peuvent accomplir ces tâches dans une seule ligne de code. Bien qu'il existe de nombreuses méthodes jQuery, cependant, dans ce guide, nous nous en tiendrons à la méthode jQuery Hide () et verrons comment cela fonctionne.

Méthode jQuery Hide ()

Comme son nom l'indique, la méthode jQuery Hide () est utilisée dans le but de cacher des éléments spécifiés. Les éléments que vous cachez en utilisant le Méthode jQuery Hide () sera complètement invisible pour l'utilisateur.

Syntaxe

$ sélecteur.Masquer (paramètre)

Les différents paramètres que vous pouvez transmettre à la méthode Hide () sont les suivants.

Paramètre Description
vitesse Ce paramètre décrit la vitesse des effets de peau. Il peut présenter des valeurs telles que lent, rapide et les missiondes.
assouplissement Ce paramètre décrit la vitesse d'un élément à différents points d'animation. Il peut présenter des valeurs telles que le swing et la linéaire.
rappeler C'est une fonction qui exécute une fois la méthode masquée () terminée.

Note: Tous les paramètres susmentionnés sont facultatifs.

Ci-dessous, nous avons illustré quelques exemples qui aideront à établir une meilleure compréhension de la méthode Hide ().

Exemple 1

Cet exemple démontre la méthode masquer () en passant sans paramètre.

Html

Cliquez sur le bouton ci-dessous pour masquer cette rubrique.


Dans le code HTML ci-dessus, deux éléments sont en cours de création

et . Nous allons maintenant appliquer la méthode jQuery Hide () sur le pour masquer le

élément.

jquery

Sortir

Avant de cliquer sur le bouton «Masquer».


Après avoir cliqué sur le bouton, l'en-tête disparaîtra.


Le cap a disparu avec succès et rapidement.

Exemple 2

Cet exemple montre le fonctionnement du paramètre de vitesse.

jquery

Dans l'exemple ci-dessus, nous avons passé 900 en tant que paramètre à la fonction Hide () qui signifie qu'une fois que vous avez cliqué sur le bouton, il ne faudra que 900 millisecondes pour que la tête disparaisse de disparaître. Plus le nombre de missionds est moindre, plus la rubrique disparaîtra rapidement et vice versa.

Sortir

Le paramètre de vitesse fonctionne correctement.

Exemple 3

Cet exemple montre le fonctionnement du paramètre de rappel.

jquery

Dans l'extrait de code ci-dessus, ainsi que le paramètre de vitesse, nous avons également passé le paramètre de rappel. Une fois la méthode Hide () exécutée, un message d'alerte apparaîtra également confirmant l'exécution réussie de la méthode.

Sortir

Avant de cliquer sur le bouton.


Après avoir cliqué sur le bouton.

Le paramètre de rappel fonctionne correctement.

Conclusion

La méthode jQuery Hide () est utilisée dans le but de cacher des éléments spécifiés. Une fois les éléments cachés, ils disparaîtront complètement de la vue de l'utilisateur. Vous pouvez transmettre trois paramètres à la fonction Hide () qui sont; vitesse, assouplissement et rappel. Tous ces paramètres sont facultatifs. La méthode jQuery Hide () est expliquée en profondeur dans ce guide ainsi que des exemples qui illustrent l'utilisation des différents paramètres de la méthode Hide ().