Pour ce 4ème épisode dédié à l'apprentissage du langage jQuery, nous allons apprendre à utiliser les méthodes on et off.
- La méthode .on() permet de lier un événement à un élément HTML.
Elle prend en premier argument le nom de l'événement (par exemple "click" pour un clic de souris), en deuxième argument un sélecteur cible (facultatif) et en troisième argument une fonction à exécuter lorsque l'événement est déclenché. - La méthode .off() permet de supprimer un événement lié à un élément HTML.
Elle prend en premier argument le nom de l'événement et en deuxième argument la fonction liée à l'événement.
Ces méthodes sont utilisées pour manipuler plusieurs événements en même temps.
De nombreux exemples concrets vous seront proposés afin d'apprendre à mettre en application nos nouvelles connaissances acquises dans ce cours vidéo.
Nous continuerons à enrichir notre documentation sur la librairie jQuery.
Je mets à votre disposition, l'ensemble des codes réalisés dans ce tuto.
N'oubliez pas de suivre mon premier module gratuit dédié à la découverte de jQuery.
Table des matières de cette formation jQuery (durée : 1h41m)
-
Les méthodes on() et off()
- Découvrir la méthode on() gratuit 00:06:01
- Associer plusieurs événements à la méthode on() 00:07:33
- Application: Ecrire le code HTML 00:05:06
- Application: Ecrire le code CSS 00:07:33
- Application: mettre en place les événements mouseenter et mouseleave 00:09:25
- Application: mettre en place l'apparition d'une fenêtre modale 00:08:38
- Découvrir la méthode off() 00:07:22
- Ajout des 2 méthodes à notre documentation 00:01:41
-
Les méthodes d'événement liés au navigateur
- Découvrir la méthode d'événement resize 00:06:15
- Application de la méthode d'événement resize 00:17:17
- Découvrir la méthode d'événement scroll 00:04:58
- Application de la méthode d'événement scroll 00:11:11
- Ajout des méthodes à notre documentation 00:04:57
-
Pour la prochaine fois
- Pour la prochaine fois 00:03:16
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Notre arsenal commence a s'étoffer, le tuto comme les précédents est clair et très bien expliqué, en route vers la partir 5 !
-
Toujours aussi clair !
-
Toujours aussi clair comme les précédents de cette série, ce qui permet de monter en complexité tout en douceur .
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Que contient le fichier source ?Les codes sources d'application ainsi que notre documentation jQuery.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés