jQuery Facile #6/10 : Méthodes de sélection d'éléments
ERROR
00:00
00:00

TUTO jQuery Facile #6/10 : Méthodes de sélection d'éléments

Carl Brison
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Poursuivons notre apprentissage du jQuery facile avec la découverte de méthodes de sélection d'éléments qui permettent de cibler des éléments spécifiques dans un document HTML.
Nous allons ensemble étudier les méthodes suivantes :

  • La méthode eq() permet de sélectionner un élément spécifique dans un ensemble d'éléments en fonction de son index.
  • La méthode filter() permet de filtrer un ensemble d'éléments en fonction d'un certain critère.
  • La méthode not() permet de sélectionner tous les éléments sauf ceux qui correspondent à un certain critère.
  • La méthode parent() permet de sélectionner le parent d'un élément.
  • La méthode children() permet de sélectionner les enfants d'un élément.

En utilisant ces méthodes, nous pourrons cibler des éléments spécifiques dans un document HTML et les manipuler.

Nous ferons également, comme à notre habitude, un exercice pratique qui nous permettra de mieux appréhender ces méthodes dans un contexte réel.
L'objectif de cet exercice sera d'afficher les tarifs de produits de boulangerie et de pâtisserie. Par défaut, ces tarifs seront floutés. Il faudra alors sélectionner la famille "boulangerie" ou "pâtisserie" afin de faire apparaitre les tarifs correspond.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Découvrir les méthodes de sélection
Chapitre 2
Application
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Découvrir les méthodes de sélection
37m07s
 
Leçon 1Découvrir les méthodes first et last
Leçon 2Découvrir la méthode eq
Leçon 3Découvrir la méthode filter
Leçon 4Découvrir la méthode not
Leçon 5Découvrir la méthode parent
Leçon 6Découvrir la méthode children
Leçon 7Exemple
Chapitre 2 : Application
43m56s
 
Leçon 1Ecrire le code HTML
Leçon 2Mise en forme générale
Leçon 3Mettre en forme les boutons radios
Leçon 4Récupérer la valeur de l'attribut id
Leçon 5Flouter ou rendre visible certains tarifs
Chapitre 3 : Pour la prochaine fois
03m11s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
4
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 07/06/2023
Encore un module très intéressant "les méthodes de sélection". J'ai eu quelques erreurs de codes mais j'ai réussi à les résoudre et même à devancer les solutions de certains exercices. J'apprécie cette série sur jQuery facile et vos techniques d'apprentissages toujours progressifs pour agrandir nos connaissances. Je file découvrir la recette suivante :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Valérie. Je suis ravi que cette série vous plaise ;-)
Cyrille Monstard
Cyrille Monstard
Publié le 29/05/2023
Merci pour ce merveilleux cours, Carl.
Carl Brison
Carl Brison
Avec plaisir, Ameb ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 27/04/2023
👍 Merci pour ce nouvel épisode, et au suivant! 👍
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

Vos questions sur le cours

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

jQuery

Que contient le fichier source ?

Le code source de l'exercice d'application ainsi que notre documentation jQuery.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données