Définit un contrôle de saisie sur plusieurs (zone de texte)
Trouvez ci après une référence complète de tous les sélecteurs JQuery
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.
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 |