Introduction à la bibliothèque JavaScript jQuery

Sommaire: Introduction à la bibliothèque JavaScript jQuery

Hello world !
Présentation des sélecteurs
Les sélecteurs
La sélection par filtre
Les éléments de formulaire
Utilisation des sélecteurs et des événements
En conclusion
Remerciements

Extrait du cours introduction à la bibliothèque JavaScript jQuery

Présentation des sélecteurs

Les sélecteurs

La première chose à apprendre de jQuery afin d’être en mesure de séparer vos codes JavaScript et (X)HTML sont les sélecteurs. Les sélecteurs permettent de sélectionner un ou plusieurs éléments du DOM, ces derniers pouvant être manipulés comme tout autre objet. Si vous êtes familier avec CSS, vous allez saisir rapidement les sélecteurs. Ceux ci sont en réalité la même chose et ils utilisent presque la même syntaxe. jQuery permet la sélection des éléments grâce à une fonction spéciale nommée « $ ».

La sélection par filtre

jQuery offre une très large possibilité de sélection d’éléments en fonction de filtres sur des collections d’éléments.
Le fonctionnement de la sélection par filtre est simple : on sélectionne d’abord un ensemble d’éléments (par défaut, tous) puis on affine cette sélection à partir de certains critères.

Utilisation des sélecteurs et des événements

JQuery nous propose 2 approches afin de sélectionner des éléments.
La première utilise une combinaison de sélecteurs CSS et XPath passés comme chaîne de caractères au constructeur jQuery (comme par exemple $(« div > ul a »)).
La seconde méthode, quant à elle, se sert de différentes fonctions de l’objet jQuery. Les deux approches peuvent être combinées.
Pour essayer certains de ces sélecteurs, sélectionnons et modifions, par exemple, une liste ordonnée <ol> insérée dans une page.

………..

Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)
Introduction à la bibliothèque JavaScript jQuery (218.11 Ko)  (Cours PDF)
bibliothèque JavaScript jQuery

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *