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.

Profitez de ce manuel de formation en PDF pour comprendre mieux le JQuery et enrichir votre connaissance.

Commencez à télécharger ce cours adapté pour vous et à apprendre JQuery.

A. Toudeft
:checkbox : sélectionne toutes les cases à cocher .
:checked : sélectionne tous les éléments cochés .
:submit : sélectionne tou s les boutons de soumission .
:reset : sélectionne tou s les boutons d’annulation .
:button : sélectionne tous les boutons .
:file : sélectionne tous les champs fichier .
:enabled : sélectionne tou s 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 .

Les filtres jQuery : http://api.jquery.com/category/selectors/