jQuery Facile #4/10 : Les méthodes on() et off()
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO jQuery Facile #4/10 : Les méthodes on() et off()

Carl Brison
18,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les méthodes on() et off()
Chapitre 2
Les méthodes d'événement liés au navigateur
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Les méthodes on() et off()
53m19
 
Leçon 1Découvrir la méthode on()
Leçon 2Associer plusieurs événements à la méthode on()
Leçon 3Application: Ecrire le code HTML
Leçon 4Application: Ecrire le code CSS
Leçon 5Application: mettre en place les événements mouseenter et mouseleave
Leçon 6Application: mettre en place l'apparition d'une fenêtre modale
Leçon 7Découvrir la méthode off()
Leçon 8Ajout des 2 méthodes à notre documentation
Chapitre 2 : Les méthodes d'événement liés au navigateur
44m38
 
Leçon 1Découvrir la méthode d'événement resize
Leçon 2Application de la méthode d'événement resize
Leçon 3Découvrir la méthode d'événement scroll
Leçon 4Application de la méthode d'événement scroll
Leçon 5Ajout des méthodes à notre documentation
Chapitre 3 : Pour la prochaine fois
03m16
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
35
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Sebastien Fluchon
Sebastien Fluchon
Publié le 30/07/2024
Trés bon tuto, très intéréssant, beaucoup de pratique et peu de théorique.Et l'idées de faire sa propre documentation jquery permet d'enregistrer encore plus vite les informations.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Valérie Arno
Valérie Arno
Publié le 27/05/2023
Merci pour ce cours, encore un super tuto. Beaucoup de nouvelles connaissances. Ça se complique un peu au fur et à mesure qu'on avance mais c'est très intéressant.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Valérie ;-)
Cyrille Monstard
Cyrille Monstard
Publié le 11/05/2023
Tutoriel encore bien fait, merci Carl.
Carl Brison
Carl Brison
Merci beaucoup, Ameb ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery 3

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

Payer plus tard

Prix d'achat : 18,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données