Sélecteurs dans le manuel de référence jQuery

Sélecteurs jQuery

Sélecteur Exemple Sélectionner
* $("*") Tous les éléments
#id $("#lastname") L'élément avec id="lastname"
.class $(".intro") Tous les éléments avec class="intro"
element $("p") Tous les éléments <p>
.class.class $(".intro.demo") Tous les éléments avec class="intro" et class="demo"
　 　 　
:first $("p:first") Le premier élément <p>
:last $("p:last") Le dernier élément <p>
:even $("tr:even") Tous les éléments <tr> pairs
:odd $("tr:odd") Tous les éléments <tr> impairs
　 　 　
:eq(index) $("ul li:eq(3)") Le quatrième élément de la liste (l'index commence à 0)
:gt(no) $("ul li:gt(3)") Liste des éléments dont l'index est supérieur à 3
:lt(no) $('ul li:lt(3)') Lister les éléments avec index inférieur à 3
:not(selector) $('input:not(:empty)') Tous les éléments input non vides
　 　 　
:header $(':header') Tous les éléments d'en-tête <h1> - <h6>
:animated 　 Tous les éléments animés
　 　 　
:contains(text) $(':contains('W3School')') Tous les éléments contenant une chaîne spécifiée
:empty $(':empty') Tous les éléments sans noeud enfant (élément)
:hidden $('p:hidden') Tous les éléments <p> cachés
:visible $('table:visible') Tous les tableaux visibles
　 　 　
s1,s2,s3 $('th,td,.intro') Tous les éléments avec un élément de sélection correspondant
　 　 　
[attribute] $('[href]') Tous les éléments avec l'attribute href
[attribute=value] $('[href='#']') Tous les éléments avec l'attribute href égal à "#"
[attribute!=value] $('[href!='#']') Tous les éléments avec l'attribute href différent de "#"
[attribute$=value] $('[href$='.jpg']') Tous les éléments avec l'attribute href contenant '.jpg' à la fin
　 　 　
:input $(':input') Tous les éléments <input>
:text $(':text') Tous les éléments <input> avec attribute="text"
:password $(':password') Tous les éléments <input> avec attribute="password"
:radio $(':radio') Tous les éléments <input> avec attribute="radio"
:checkbox $(':checkbox') Tous les éléments <input> avec attribute="checkbox"
:submit $(':submit') Tous les éléments <input> avec attribute="submit"
:reset $(':reset') Tous les éléments <input> avec attribute="reset"
:button $(':button') Tous les éléments <input> avec attribute="button"
:image $(':image') Tous les éléments <input> de type="image"
:file $(':file') Tous les éléments <input> de type="file"
　 　 　
:enabled $(':enabled') Tous les éléments input activés
:disabled $(':disabled') Tous les éléments input désactivés
:selected $(':selected') Tous les éléments input sélectionnés
:checked $(':checked') Tous les éléments input sélectionnés

Voir

Tutoriel :Grammaire du sélecteur d'éléments jQuery