jQuery les références sélecteurs

La bibliothèque jQuery exploite la puissance des sélecteurs CSS pour nous permettre d’accéder rapidement et facilement aux éléments ou groupes d'éléments dans le DOM (Document Object Model) c'est-à-dire le document html.

Un sélecteur jQuery est une fonction qui permet l'utilisation d'expressions pour trouver des éléments d'un DOM sur la base des critères donnés.
Donc on peut dire que les sélecteurs sont utilisés pour sélectionner un ou plusieurs éléments HTML en utilisant jQuery. Une fois qu'un élément est sélectionné alors nous pouvons effectuer diverses opérations sur cet élément.

jQuery sélecteurs

jQuery cours tutorial

Voici ci après une référence complète de tous les sélecteurs JQuery. Mettez la dans vos favories ou marque pages, elle vous sera très utile comme aide mémoire.

Bonne utilisation !

Sélecteur Exemple Sélectionne
* $("*") Tous les éléments
#id $("#MonId") L'élément dont l'id = " MonId "
.class $(".intro") Tous les éléments de classe = " intro"
element $("p") Tous les éléments p
.class.class $(".int.Dem") Selectionne les éléments avec les classes « int » ou les classes "dem"
:first $("p:First") Le premier élément p
:last $("p:Last") Le dernier élément p
:even $("tr:Even") Tous les éléments  tr paire
:odd $("tr:Odd") Tous les éléments  tr impair
:eq(index) $("ul li:eq(3)") Le quatrième élément dans une liste (indice commence à 0)
:gt(no) $("ul li:gt(3)") Éléments li de la liste avec un index supérieur à 3
:lt(no) $("ul li:lt(3)") Éléments li de la liste avec un indice inférieur à 3
:not(selector) $("Input:not(:Empty)") Toutes les éléments input qui ne sont pas vides
:header $(":header") Tous les éléments en-tête h1, h2...h6
:animated $(":Animated")  tout élément qui est actuellement animé
:contains(text) $(":contains('apprendre JQuery')") Tous les éléments qui contient le texte "'apprendre JQuery "
:empty $(":Empty") tous les éléments vides
:hidden $("p:Hidden") Tous les éléments p cachés
:visible $("table:visible") Toutes les tables visibles
s1,s2,s3 $("Th,TD,.intro") Tous les éléments  correspondant au sélecteurs, dans l’exemple les élément : th , td et les élément avec une classe = "intro"
[attribute] $("[href]") Tous les éléments avec un attribut href
[attribute=value] $("[href='index.htm']") Tous les éléments avec une valeur d'attribut href égale à " index.htm "
Les éléments de formulaire $(":element") Tous les éléments element



                     Sommaire de :
JQuery
        
Par gerywa 25 juillet 2014