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.
Table des matières de cette formation jQuery (durée : 1h24m)
-
Découvrir les méthodes de sélection
- Découvrir les méthodes first et last 00:07:24
- Découvrir la méthode eq 00:04:43
- Découvrir la méthode filter 00:04:05
- Découvrir la méthode not 00:01:58
- Découvrir la méthode parent 00:04:51
- Découvrir la méthode children 00:03:38
- Exemple 00:10:28
-
Application
- Ecrire le code HTML 00:08:37
- Mise en forme générale 00:11:31
- Mettre en forme les boutons radios 00:09:36
- Récupérer la valeur de l'attribut id 00:05:05
- Flouter ou rendre visible certains tarifs 00:09:07
-
Pour la prochaine fois
- Pour la prochaine fois 00:03:11
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
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 :-)
-
Merci pour ce merveilleux cours, Carl.
-
👍 Merci pour ce nouvel épisode, et au suivant! 👍
-
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
note moyenne
avis laissés