Selecteurs

Description des différents éléments qui peuvent composer les sélecteurs, permettant de cibler les éléments de la DOM sur lesquels seront appliqués des méthodes jQuery.

  • #id

    Sélectionne un élément en fonction de son attribut id.

  • *

    Sélectionne tous les éléments (inclut les éléments head, body, etc).

  • .class

    selectionne les éléments selon leur classe.

  • .class.class

    Recherche tous les éléments qui possèdent les classes spécifiées.

  • :animated

    Selectionne les éléments qui sont actuellement animés

  • :button

    Sélectionne tous les éléments INPUT de type button.

  • :checkbox

    Sélectionne tous les éléments INPUT de type checkbox.

  • :checked

    Sélectionne tous les éléments qui sont cochés.

  • :contains(texte)

    Recherche les éléments qui contiennent le texte spécifié

  • :disabled

    Sélectionne les éléments qui sont désactivés.

  • :empty

    Retourne les éléments qui n'ont pas d'éléments enfants (en incluant les noeuds textes).

  • :enabled

    Sélectionne tous les éléments qui sont activés

  • :eq(index)

    Sélectionne un élément par son index.

  • :even

    Selectionne les éléments pairs (index à partir de 0).

  • :file

    Sélectionne tous les éléments INPUT de type file.

  • :first

    Sélectionne le premier élément de la sélection.

  • :first-child

    Sélectionne les premiers fils des éléments répondant à la recherche.

  • :gt(index)

    Recherche tous les éléments qui ont in index supérieur a celui entré. A noter que le premier élément a pour valeur 0 dans l'index.

  • :has(selector)

    Retourne les éléments dont au moins un de leur élément fils répond au selecteur "selector".

  • :header

    Retourne tous les éléments qui sont de type entête les h1,h2, h3, ...

  • :hidden

    Sélectionne les éléments qui sont cachés.

  • :image

    Sélectionne tous les élément INPUT de type image.

  • :input

    Sélectione tous les éléments de type INPUT, TEXTAREA, SELECT et BUTTON.

  • :last ( )

    Retourne le dernier élément de la sélection.

  • :last-child

    Sélectionne les derniers fils des éléments répondant a la recherche.

  • :lt(index)

    Retourne les éléments ayant un index inférieur a celui entré. A noter que le premier élément dispose de l'index 0.

  • :not(selector)

    Filtre tous les éléments qui répondent à la sélection.

  • :nth-child(index/even/odd/equation)

    Recherche tous les éléments qui sont le nieme fils ou un fils pair ou impair de leur parent.

  • :odd

    Sélectionn les éléments impairs (index à partir de 0).

  • :only-child

    Sélectionne les éléments qui sont le seul fils des éléments répondant à la sélection.

  • :parent

    Recherche les éléments qui ont des éléments fils, en incluant les noeuds texte.

  • :password

    Sélectionne tous les éléments INPUT de type password.

  • :radio

    Sélectionne tous les éléments INPUT de type radio.

  • :reset

    Sélectionne tous les éléments INPUT de type reset.

  • :selected

    Sélectionne tous les éléments qui sont sélectionnés.

  • :submit

    Sélectionne tous les éléments INPUT de type submit.

  • :text

    Selectionne tous les éléments INPUT de type text.

  • :visible

    Recherche tous les éléments qui sont visibles.

  • Ancetre descendant

    Recherche tous les descendants désignés par le selecteur "descendant" de l'élément parent désigné par le selecteur "ancetre".

  • Element

    Sélectionne les éléments en fonction de leur nom.

  • Parent > enfant

    Recherche tous les éléments définis par le sélecteur "enfant", fils direct de l'élément parent spécifié par le sélecteur "parent".

  • Prev ~ siblings

    Cible les éléments frères situés après l'élément ciblé par le sélecteur "prev" (a noter que "prev" cible uniquement un seul élément, a la différence de l'opérateur "+"), et qui répondent au sélecteur "siblings".

  • Prev+next

    Recherche tous les éléments répondant au sélecteur "next", et qui se trouvent apres les éléments identifiés par le sélecteur "prev".

  • Selecteur1, selecteur2, selecteurN

    Retourne le résultat de tous les sélecteurs combinés. Le nombre de sélecteurs n'est pas limité.

  • [attribute!=value]

    Recherche les éléments dont l'attribut spécifié n'est pas égal à la valeur, et les éléments pour lequel l'attribut n'est pas spécifié.

  • [attribute$=value]

    Recherche les éléments dont l'attribut spécifié n'est pas nulle, et pour lequel la valeur se termine par la valeur spécifiée.

  • [attribute*=value]

    Recherche les éléments dont la valeur de l'attribut spécifié contient entre autre la valeur spécifiée.

  • [attribute=value]

    Recherche les éléments pour lesquels l'attribut spécifié vaut la valeur définie.

  • [attribute^=value]

    Recherche les éléments qui ont l'attribut spécifié et dont la valeur commence par la valeur spécifiée.

  • [attribut]

    Recherche les éléments pour lequel l'attribut spécifié est renseigné. A noter que le @ avant le nom de l'attribut est déprécié depuis jQuery 1.2.

  • [FiltreAttribut1][FiltreAttribut2][FiltreAttributN]

    Recherche les éléments répondant a chacun des filtres renseignés. Ces filtres se combinent.

Caractères spéciaux dans les sélecteurs

Si vous souhaitez utiliser les métas caractères décris plus haut de manière litérale, vous devez échapper le caractère avec deux back-slashes (\\). Par exemple :

#foo\\:bar
#foo\\[bar\\]
#foo\\.bar

Voici la liste complètes des caractères qui doivent être échappés: #;&,.+*~':"!^$[]()=>|/