oujood.com

jQuery les références sélecteurs

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.

chercher |

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
Par gerywa 25 juillet 2014



Voir aussi nos tutoriel :

min-height

Définit la hauteur minimale d'un élément

Caracteres speciaux en js

Caractères spéciaux en javascript :

padding

Définit toutes les propriétés de la marge intérieure dans une déclaration