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
-
Toujours efficace et pragmatique dans vos explications et méthodes
-
Merci Carl, j'ai trouvé votre tutoriel sur JQuery super et très bien expliqué. J'ai vraiment apprécié le travail pratique final, en particulier le blur appliqué aux prix. Je ne connaissais pas cette fonctionnalité, c'était très astucieux 👍. Le thème du travail pratique était axé sur la boulangerie et à force d'y penser, on en mangerait presque. Il est difficile de résister. En somme, je valide à 100 % votre cours JQuery Facile #6/10 et j'ai hâte d'être à la semaine prochaine pour en apprendre encore plus. Encore merci.
-
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