Comment implémenter les méthodes du Framework jQuery

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Découvrez comment utiliser à votre avantage les méthodes du Framework jQuery.

Tout est dans la formation ci-dessous.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Comment implémenter les méthodes du Framework jQuery

Bonjour à tous et bienvenu sur Développement Facile.

On continue ensemble surtout vous, je vous donne toutes les clés pour apprendre à utiliser le Framework JavaScript jQuery, toujours avec des cours de moins de 5 minutes, en tout cas moins de 10 minutes, c’est sur et moins de 5 minutes quand je peux, comme ça dès que vous avez un moment de libre vous consultez le cours, vous téléchargez le code source et vous le mettez en pratique directement. Ce cours est consacré aux méthodes jQuery.

Les méthodes jQuery

Qu’est-ce que vous avez là, vous avez la méthode hover, ça lie deux événements qui sont fréquemment utilisés à l’élément sélectionné, lorsque le pointeur survol et l’autre, lorsqu’il le quitte, pour les boutons par exemple, onhover, cette méthode s’effectue donc en deux temps, quand le curseur se situe au-dessus de l’élément sélectionné, ou au-dessus des boutons, la première fonction est passée en paramètre qui est exécuté, et lorsque le curseur sort du cadre de l’élément, la seconde fonction est exécutée.
Par exemple, $ p over fonction, si vous passez la souris au-dessus d’un paragraphe ça va ajouter la classe hover si quittez la souris de dessus le paragraphe, ça va enlever la classe over. Vous pouvez faire la même chose avec l’élément bind, rappelez-vous les événements avancés dans le cours précédent, il est associé mouseleave, mouseenter, et obtenir exactement la même chose, hover au survol des paragraphes, la classe hover est appelée, la première fonction est appelée dès que le curseur quitte la zone, la deuxième fonction est appelée, donc la classe est retirée.

Cette méthode retourne un objet jQuery, vous avez toggle que vous avez vu énormément de fois, dans plusieurs exemples, je vous en reparle car elle est très pratique cette classe toggle, vous allez sûrement l’utiliser dans votre site HTML 5, vous avez toggle, soit vous enlevez ou vous ajoutez une classe CSS, si vous utilisez un seul paramètre, si vous mettez fonction A, fonction B, etc., ça va basculer d’une fonction à l’autre, à chaque clic sur les éléments de la sélection.
Attention, toggle ça masque l’élément sélectionné, donc par exemple p toggle fonction addClass removeClass, au clic sur les paragraphes, la classe select est appelée, au clic suivant, la classe select est supprimée et ainsi de suite. Cette méthode retourne également un objet jQuery.

Exemple d’application

Je vous montre un exemple de code source, alors, ici, on a utilisé over la fonction, on change l’image, on modifie l’URL de l’image, l’URL de l’image est modifiée, tout simplement, sur un over. Qu’est-ce qu’il y a d’autre ?
On a le framework jQuery ici. Si vous cliquez, il disparait, comment c’est possible ?
Div j regardez, onClick on fait un toggle à une vitesse slow, on va faire disparaitre le Jj

Votre plan d’actions !

Retrouvez le code source sous ce cours vidéo, téléchargez-le, surtout mettez en pratique les informations que je vous donne sur jQuery, si vous avez des questions, posez-les sous ce cours vidéo et moi je vous dis à très bientôt sur Développement Facile.

 

[/ppmtoggle][/ppmaccordion]

Téléchargez l’exemple jQuery

Retrouvez le code source commenté de l’exemple du cours.

Downloads

Partagez vos astuces jQuery

Utilisez la zone commentaires, pour partager le code source avec vos astuces jQuery.

Créez Rapidement des Sites Hyper-Interactifs avec vos utilisateurs grâce à la Formation Gratuite jQuery Facile !

Recevez les Stratégies pour utiliser le Potentiel des Frameworks jQuery et Dojo
+
Logo jQuery
+
Des Tutoriels Gratuits Supplémentaires pour utiliser toute la "Richesse" du Framework de Google : AngularJS