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.
la valeur de retour est un tableau d'éléments

assigne une bordure rouge au div disposant de l'id ' testDiv '.
$(" #testDiv ").css("border","3px solid red");
// Résultat:

div " testdiv "


" * "

Sélectionne tous les éléments (inclut les éléments head, body, etc).
la valeur de retour est un tableau d'éléments

".class"

Selectionne les éléments selon leur classe.
la valeur de retour est un tableau d'éléments

assigne une bordure rouge a tous les éléments contenant la classe ' testClasse '.
$(".testClasse").css("border","3px solid red");
// Résultat:

" testclasse "

une autre classe "testclasse "

":animated" : Selectionne les éléments qui sont actuellement animés.
":button" : Sélectionne tous les éléments INPUT de type button.la valeur de retour est un tableau d'éléments.
":input" : Sélection des INPUT, TEXTAREA, SELECT et BUTTON.retourne un tableau d'éléments.
":checkbox" : Sélectionne tous les éléments INPUT de type checkbox.retourne un tableau d'éléments.
":checked" : Sélectionne tous les éléments qui sont cochés.retourne un tableau d'éléments.
":radio" : Sélectionne tous les éléments INPUT de type radio.retourne un tableau d'éléments.
":reset" : Sélectionne tous les éléments INPUT de type reset.retourne un tableau d'éléments.
":contains(texte)" : Recherche les éléments qui contiennent le texte spécifié.
":disabled" : Sélectionne les éléments qui sont désactivés.


$("input:disabled").val("cet élément est désactivé");


":enabled" : Sélectionne les éléments qui sont activés.

$("input:disabled").val("cet élément est activé");

":eq(index)" : Sélectionne un élément par son index.la valeur de retour est un tableau d'éléments.

$("td:eq(2)").css("color", "red");

":file" : Sélectionne tous les éléments INPUT de type file.retourne un tableau d'éléments.
":first" : Sélectionne le premier élément de la sélection.Ce selecteur ne sélectionne qu'un élément, à l'inverse de :first-child, qui va sélectionner une élément fils pour chaque parent.

Sélectionne la première ligne et lui attribut un style.
$("tr:first").css("font-style", "italic");

":first-child" : Sélectionne les premiers fils des éléments répondant à la recherche.retourne un tableau d'éléments.
":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.retourne un tableau d'éléments.
":file" : Sélectionne tous les éléments INPUT de type file.retourne un tableau d'éléments.

On passe maintenant aux attributs de Jquery.