Sommaire

Interagir avec le DOM en jQuery

1. Les sélecteurs et pseudo-sélecteurs de jQuery

Pour retrouver avec précision des éléments du DOM, jQuery propose d’utiliser des sélecteurs. Ceux-ci, comme ceux de la partie JavaScript, sont basés essentiellement sur les sélecteurs CSS. La bibliothèque enrichit ces derniers de sélecteurs spécifiques qui permettent une sélection plus fine encore.

Ces pseudo-sélecteurs jQuery ne bénéficiant pas des optimisations apportées par le moteur JavaScript à la méthode .querySelectorAll(), il est conseillé (mais pas obligatoire) de les utiliser en filtre après une première sélection effectuée avec un sélecteur CSS.

Le tableau suivant présente les sélecteurs les plus courants reconnus par jQuery.

Syntaxe

Description

Remarque

*

Tous les éléments

Sélecteur CSS

x

Les éléments x

Sélecteur CSS

#x

L’élément ayant l’id x

Sélecteur CSS

.x

Les éléments ayant la classe CSS x

Sélecteur CSS

x > y

Les éléments y enfants de x

Sélecteur CSS

x y

Les éléments y descendants de x

Sélecteur CSS

x + y

Le premier élément y précédé d’un élément x

Sélecteur CSS

x ~ y

Les éléments y précédés d’éléments x

Sélecteur CSS

[x]

Les éléments ...