Vidéo: TUTO jQuery : Apprendre à sélectionner vos éléments (vos tags) 2025
Vous pouvez utiliser jQuery pour effectuer une vaste gamme de sélections d'objets dans votre application CSS3, mais pour la plupart, vous utilisez les sélecteurs de base. Vous pouvez en savoir plus sur eux à jQuery. Voici une liste de sélecteurs de base que vous utilisez couramment:
-
Tout le sélecteur ("*"): Sélectionne tous les éléments du document.
-
Sélecteur d'objet (objet): permet de sélectionner les types d'objets spécifiques. L'objet le plus couramment utilisé est le document.
-
Sélecteur de classe (". Class"): Sélectionne une classe spécifique comme spécifié par l'attribut de classe pour un élément. Ce sélecteur apparaît toujours entre guillemets et est précédé d'un point.
-
Sélecteur d'élément ("élément"): Accède à tous les éléments avec un nom de tag particulier, tel que p pour le tag
. Ce sélecteur apparaît toujours entre guillemets.
-
Sélecteur d'ID ("# id"): Choisit un élément spécifique avec la valeur d'attribut id spécifiée. Ce sélecteur apparaît toujours entre guillemets et est précédé d'un signe dièse (#).
-
Sélecteur multiple ("sélecteur1, sélecteur2, sélecteur N "): Sélectionne chacun des éléments spécifiés dans la liste délimitée par des virgules.
L'un des sélecteurs les plus couramment utilisés est le sélecteur d'élément. Après avoir sélectionné un élément, vous pouvez le modifier de plusieurs façons. Par exemple, vous pouvez choisir de modifier le texte associé à cet élément d'une manière ou d'une autre (les exemples suivants montreront toutes sortes d'autres façons de manipuler la sortie).
L'exemple suivant montre comment sélectionner des éléments et modifier leur texte associé. (Vous pouvez trouver le code complet pour cet exemple dans le dossier Chapter 06jQuery du code téléchargeable sous le titre SelectingElements.html.)
Sélection des éléments$ ("h1"). text ("A Sample Header") $ ("p"). text ("Ceci est un exemple de paragraphe.")
L'exemple commence par des balises simples
et
qui ne contiennent aucun texte. Si vous affichez cette page sans le script, vous verrez une page vierge. Cependant, avec le script en place, la page contient maintenant des informations. Il est également possible d'utiliser la méthode text () pour obtenir la valeur actuelle d'un objet de n'importe quel type (en supposant que l'objet contient effectivement du texte).
