jQuery - Exemples de sélecteurs d'attributs
Dans jQuery, les sélecteurs d'attributs sont enveloppés dans un crochet []. Voici les sélecteurs d'attribut pris en charge:
1. Possède un attribut [A]
Sélectionnez tous les éléments qui ont l'attribut «A».
Examples
$ (‘a [rel]’) - sélectionne tous les éléments correspondant à qui ont un attribut rel.
2. La valeur d'attribut est égale à [A = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur exactement égale à B.
Examples
$ (‘a [rel = nofollow]’) - sélectionne tous les éléments correspondant à qui ont un attribut rel d’une valeur exactement égale à ‘nofollow’.
3. Valeur d'attribut différente de [A! = B]
Sélectionnez tous les éléments qui n'ont pas l'attribut A avec une valeur exactement égale à B.
Examples
$ (‘a [rel! = nofollow]’) - sélectionne tous les éléments correspondant à qui n’ont pas d’attribut rel avec une valeur exactement égale à ‘nofollow’.
4. La valeur d'attribut commence [A ^ = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur commençant par B.
Examples
$ (‘a [rel ^ = nof]’) - sélectionne tous les éléments correspondant à qui ont un attribut rel avec une valeur commençant par ‘nof’.
5. Fin de la valeur d'attribut [A $ = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur se terminant par B.
Examples
$ (‘a [rel $ = low]’) - sélectionne tous les éléments correspondant à qui ont un attribut rel avec une valeur se terminant par ‘low’
6. La valeur d'attribut contient [A * = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur contenant la sous-chaîne B.
Examples
$ (‘a [href * = yahoo.com]’) - sélectionne tous les éléments correspondant à qui ont un attribut href avec une valeur contenant ‘yahoo.com’.
7. La valeur d'attribut contient le préfixe [A | = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur égale à B ou commençant par B suivi d'un trait d'union (-).
Examples
$ ('a [lang | = en]') - sélectionne tous les éléments correspondant à qui ont un attribut lang avec une valeur égale à 'en' ou 'en-' .
8. La valeur d'attribut contient - délimitée par des espaces [A ~ = B]
Sélectionnez tous les éléments qui ont l'attribut A avec une valeur égale à B et délimités par des espaces.
Examples
$ («div [class ~ = jQuery]») - sélectionne tous les éléments correspondant à
Joue-le
Cliquez sur les boutons pour jouer avec les sélecteurs d'attributs.