JQUERY Show Method | Expliqué
L'ajout d'animations et d'effets différents joue un rôle important dans l'augmentation de l'expérience utilisateur d'un site Web. Ceux-ci peuvent être effectués avec une facilité absolue en utilisant diverses méthodes fournies par JQuery, qui est une bibliothèque JavaScript. Il existe une énorme liste de ces méthodes jQuery, cependant, dans ce guide, nous apprendrons tout sur le méthode jQuery show ().
Commençons.
méthode jQuery show ()
Comme son nom l'indique, la méthode jQuery Show () est utilisée dans le but de montrer les éléments cachés. Cette propriété affiche uniquement les éléments cachés à l'aide de la méthode jQuery Hide (), soit la propriété d'affichage CSS.
Syntaxe
$ sélecteur.show (paramètre)La méthode show () présente les paramètres suivants.
| Paramètre | Description |
|---|---|
| vitesse | Ce paramètre décrit la vitesse des effets du spectacle. Il rend des valeurs telles que lent, rapide et millisecondes. |
| assouplissement | Ce paramètre décrit la vitesse d'un élément à différents points d'animation. Il rend des valeurs telles que le swing et linéaire. |
| rappeler | C'est une fonction qui exécute une fois la méthode show () appelée. |
Note: Tous les paramètres susmentionnés sont facultatifs.
Les exemples ci-dessous vous aideront à établir une meilleure compréhension de la méthode Show ().
Exemple 1
Dans cet exemple, nous avons démontré la méthode Show () en ne faisant passer aucun paramètre.
Étant donné que la méthode show () révèle uniquement les éléments cachés à l'aide de la méthode jQuery Hide (), nous devons donc d'abord masquer un élément afin de le montrer en utilisant la méthode show ().
Html
méthode jQuery show ()
Dans le code HTML ci-dessus, deux éléments et un
élément est créé. Nous allons maintenant appliquer les méthodes jQuery Hide () et Show () sur les éléments pour observer l'effet de peau et d'affichage sur élément.
jquery
Sortir
Avant de cliquer sur l'un des boutons.
Cliquez sur le premier bouton pour faire disparaître l'en-tête et une fois masqué, cliquez sur le deuxième bouton pour révéler l'en-tête.
Le cap a disparu et est apparu 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 dépassé 900 en tant que paramètre sur les méthodes Hide () et Show () qui signifie qu'une fois que vous avez cliqué sur le premier bouton, il ne faudra que 900 millisecondes pour que le titre disparaisse et que 900 millisecondes n'apparaissent que lorsque vous Cliquez sur le deuxième bouton . Plus le nombre de millisecondes moins.
Sortir
Le paramètre de vitesse a été exécuté avec succès.
Exemple 3
Cet exemple montre comment fonctionne le 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 que les méthodes Hide () et Show () sont appelées, un message d'alerte apparaîtra également confirmant l'exécution réussie des deux méthodes.
Sortir
Avant de cliquer sur l'un des boutons.
Après avoir cliqué sur le premier bouton pour masquer l'en-tête.
Après avoir cliqué sur le deuxième bouton pour afficher le titre.
Le paramètre de rappel fonctionne correctement.
Conclusion
La méthode jQuery show () est utilisée dans le but de montrer les éléments cachés. Il affiche uniquement les éléments cachés à l'aide de la méthode jQuery Hide (), soit la propriété d'affichage CSS. La méthode jQuery show () présente trois paramètres qui sont; vitesse, assouplissement et rappel. Tous ces paramètres sont facultatifs. La méthode jQuery Show () est discutée en profondeur dans ce guide ainsi que des exemples qui illustrent l'utilisation des différents paramètres de la méthode Show ().