Quelle est la fonction jQuery Basculer?

September 23

Quelle est la fonction jQuery Basculer?


La bibliothèque de code jQuery permet aux développeurs de mettre en œuvre des effets de sites Web interactifs sans avoir à coder tous les détails manuellement. L'effet de bascule est l'une des fonctions les plus couramment utilisées jQuery. Utilisation de la fonction de basculement, les développeurs peuvent charger le navigateur Web de l'utilisateur de se cacher et montrer notamment des éléments de page. La fonction peut fonctionner sur les événements de l'utilisateur tels que cliquer sur des boutons, donnant aux utilisateurs un niveau de contrôle sur ce qu'ils peuvent voir.

Objectif

L'objectif général de la fonction de basculement jQuery est de gérer la visibilité des éléments de la page Web. Souvent, si une page Web contient beaucoup de matériel, tel que le texte et les autres médias, les utilisateurs peuvent trouver écrasante et ne pas prendre le temps de lire tout cela. En donnant le contrôle de l'utilisateur sur lequel les éléments sont affichés et qui sont cachés, vous leur permettre de se concentrer sur l'information qui les intéresse. La fonction de bascule peut donc trouver un équilibre entre, y compris tout le contenu nécessaire et en minimisant la quantité de celui-ci apparaît à tout une fois.

Syntaxe

La fonction jQuery bascule utilise une syntaxe standard. L'exemple de code suivant illustre l'appel de la fonction:

$ ( "# Détails") toggle ().

Ce code indique au navigateur pour afficher ou masquer un élément avec «détails» que son attribut ID. Si l'élément est actuellement caché, cette fonction fait paraître. Si l'élément est actuellement visible, la fonction cacher. La fonction peut apparaître dans une autre fonction; Par exemple, une fonction exécutée lorsque l'utilisateur clique sur un élément.

Sélecteur

La première partie de la fonction de basculement implique le sélecteur. Le sélecteur est une indication de cet élément, ou des éléments, la fonction de bascule est en cours d'exécution sur. Le sélecteur apparaît comme un type d'élément, attribut de classe ou ID, ce qui indique quelle page les éléments du navigateur doit correspondre lors de l'exécution de la fonction. Lorsque les développeurs à créer des fonctions de basculement au sein de leurs pages, ils doivent donc inclure une balise de sélection ou de l'attribut dans le balisage HTML, comme dans l'exemple de code suivant:

<Div id = "détails"> Voici le contenu masquer ou afficher. </ Div>

Paramètres

Les développeurs peuvent passer un certain nombre de paramètres facultatifs à la fonction de basculement, déterminer les détails de la façon dont il exécute. Le paramètre de durée est parfois appelée le paramètre de vitesse, comme il indique la durée de la transition entre un élément étant caché et visible doit durer. Le paramètre assouplissement indique toute jQuery fonctions le développeur souhaite appliquer au processus de basculement facilitant. Le paramètre de rappel indique une fonction optionnelle à exécuter lorsque la transition animée est terminée. L'exemple de code suivant illustre l'ensemble de ces paramètres:

$ ( "# Détails") basculer ( 'slow', "swing", function () {doneToggling ();}).

Cet appel de fonction utilise une durée lente, l'effet de swing assouplissement et une fonction spécifique à la fin de la genouillère.


          

Post a comment: