Manuale di Referenza jQuery - Selettori

Selettore jQuery

selettore istanza Seleziona
* $("*") Tutti gli elementi
#id $("#lastname") elemento con id="lastname"
.class $(".intro") Tutti gli elementi con class="intro"
elemento $("p") Tutti gli elementi <p>
.class.class $(".intro.demo") Tutti gli elementi con class="intro" e class="demo"
     
:first $("p:first") Il primo elemento <p>
:last $("p:last") L'ultimo elemento <p>
:even $("tr:even") Tutti gli elementi <tr> pari
:odd $("tr:odd") Tutti gli elementi <tr> dispari
     
:eq(index) $("ul li:eq(3)") Il quarto elemento della lista (index parte da 0)
:gt(no) $("ul li:gt(3)") Elenca gli elementi con index maggiore di 3
:lt(no) $('ul li:lt(3)') Elenca gli elementi con index inferiore a 3
:not(selector) $('input:not(:empty)') Tutti gli elementi input non vuoti
     
:header $(':header') Tutti gli elementi di titolo <h1> - <h6>
:animated   Tutti gli elementi animati
     
:contains(text) $(':contains('W3School')') Tutti gli elementi che contengono una stringa specificata
:empty $(':empty') Tutti gli elementi senza nodi figli (elementi)
:hidden $('p:hidden') Tutti gli elementi <p> nascosti
:visible $('table:visible') Tutti i tabelloni visibili
     
s1,s2,s3 $('th,td,.intro') Tutti gli elementi con una selezione corrispondente
     
[attribute] $('[href]') Tutti gli elementi con l'attributo href
[attribute=value] $('[href='#']') Tutti gli elementi con l'attributo href uguale a "#"
[attribute!=value] $('[href!='#']') Tutti gli elementi con l'attributo href diverso da "#"
[attribute$=value] $('[href$='.jpg']') Tutti gli elementi con l'attributo href che termina con ".jpg"
     
:input $(':input') Tutti gli elementi <input>
:text $(':text') Tutti gli elementi <input> con type="text"
:password $(':password') Tutti gli elementi <input> con type="password"
:radio $(':radio') Tutti gli elementi <input> con type="radio"
:checkbox $(':checkbox') Tutti gli elementi <input> con type="checkbox"
:submit $(':submit') Tutti gli elementi <input> con type="submit"
:reset $(':reset') Tutti gli elementi <input> con type="reset"
:button $(':button') Tutti gli elementi <input> con type="button"
:image $(':image') Tutti gli elementi <input> di tipo="image"
:file $(':file') Tutti gli elementi <input> di tipo="file"
     
:enabled $(':enabled') Tutti gli elementi input attivati
:disabled $(':disabled') Tutti gli elementi input disabilitati
:selected $(':selected') Tutti gli elementi input selezionati
:checked $(':checked') Tutti gli elementi input selezionati

Vedere

Tutorial:Sintassi del selettore degli elementi jQuery