OUJOOD.COM
jQuery sélecteurs
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 |
|---|---|---|
| Le selecteur * | $("*") | 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 |