Cours jQuery et Les filtres

Extrait de cours

Les filtres s’utilisent conjointement avec les sélecteurs et y ajoutent de la flexibilité dans la sélection des éléments.

Le nom d’un filtre est toujours précédé du symbole deux-points (:).

Exemple :

Le sélecteur p permet de sélectionner tous les paragraphes. Pour mettre tous les paragraphes en rouge :

$(’p’).css(’color’,’red’);

Le sélecteur p utilisé avec le filtre :first permet de sélectionner le premier paragraphe. Pour mettre le premier paragraphe en rouge :

$(’p:first’).css(’color’,’red’);

Les principaux filtres :

• :even et :odd : sélectionnent les éléments pairs et impairs, respectivement.
• :first et :last : sélectionnent le premier et le dernier élément, respectivement.
• :first-child : sélectionnent les éléments qui sont les premiers enfants de leur parent.
• :last-child : sélectionnent les éléments qui sont les derniers enfants de leur parent.
• :nth-child : sélectionnent les éléments qui sont les nième enfants de leur parent (1 est le 1er indice).
• :header : sélectionne les titres (h1, h2, …).
• :eq(indice) : sélectionne l’élément qui a l’indice spécifié (0 est le 1er indice)..
• :gt(indice) et :lt(indice) : sélectionnent les éléments qui ont des indices plus grands et plus petits, respectivement, que l’indice spécifié.
• :checkbox : sélectionne toutes les cases à cocher.
• :checked : sélectionne tous les éléments cochés.

Les filtres spécifiques aux éléments de formulaires :

• :reset : sélectionne tous les boutons d’annulation.
• :button : sélectionne tous les boutons.
• :file : sélectionne tous les champs fichier.
• :enabled : sélectionne tous les éléments activés.
• :disabled : sélectionne tous les éléments désactivés.
• :selected : sélectionne tous les éléments sélectionnés.