Forum | Gli ultimi tutorial di sviluppo web
 

jQuery I selettori


jQuery selettori

Utilizza il nostro jQuery Selettore del tester per dimostrare i diversi selettori.

Selettore Esempio Seleziona
* $("*") Tutti gli elementi
# id $("#lastname") L'elemento con id="lastname"
. class $(".intro") Tutti gli elementi con class="intro"
. class, . class $(".intro,.demo") Tutti gli elementi con la class "intro" o "demo"
element $("p") Tutti <p> elementi
el1 , el2 , el3 $("h1,div,p") Tutto <h1>, <div> <p> <h1>, <div> <p> elementi
   
:first $("p:first") Il primo <p> elemento
:last $("p:last") L'ultima <p> elemento
:even $("tr:even") Tutti anche <tr> elementi
:odd $("tr:odd") Tutte le dispari <tr> elementi
   
:first-child $("p:first-child") Tutti <p> elementi che sono il primo figlio di un genitore
:first-of-type $("p:first-of-type") Tutti <p> elementi che sono la prima <p> elemento del loro genitore
:last-child $("p:last-child") Tutti <p> elementi che sono l'ultimo figlio del genitore
:last-of-type $("p:last-of-type") Tutti <p> elementi che sono l'ultima <p> elemento del loro genitore
:nth-child( n ) $("p:nth-child(2)") Tutti <p> elementi che sono il 2 ° figlio del loro genitore
:nth-last-child( n ) $("p:nth-last-child(2)") Tutti <p> elementi che sono il 2 ° figlio del loro genitore, contando dall'ultimo bambino
:nth-of-type( n ) $("p:nth-of-type(2)") Tutti <p> elementi che sono il 2 ° <p> elemento del loro genitore
:nth-last-of-type( n ) $("p:nth-last-of-type(2)") Tutti <p> elementi che sono il 2 ° <p> elemento del loro genitore, contando dall'ultimo bambino
:only-child $("p:only-child") Tutti <p> elementi che sono l'unico figlio di un genitore
:only-of-type $("p:only-of-type") Tutti <p> elementi che sono l'unico figlio, nel suo genere, di loro genitore
   
parent > child $("div > p") Tutti <p> elementi che sono un figlio diretto di un <div> elemento
parent descendant $("div p") Tutti <p> elementi che sono discendenti di un <div> elemento
element + next $("div + p") Il <p> elemento che sono uno accanto <div> elementi
element ~ siblings $("div ~ p") Tutti <p> elementi che sono fratelli di un <div> elemento
   
:eq( index ) $("ul li:eq(3)") Il quarto elemento in una lista (indice inizia a 0)
:gt( no ) $("ul li:gt(3)") elementi della lista con un indice superiore a 3
:lt( no ) $("ul li:lt(3)") elementi della lista con un indice inferiore a 3
:not( selector ) $("input:not(:empty)") Tutti gli elementi di input che non sono vuote
   
:header $(":header") Tutti gli elementi di intestazione <h1>, <h2> ...
:animated $(":animated") Tutti gli elementi animati
:focus $(":focus") L'elemento che attualmente ha il focus
:contains( text ) $(":contains('Hello')") Tutti gli elementi che contiene il testo "Hello"
:has( selector ) $("div:has(p)") Tutti i <div> elementi che hanno un elemento <p>
:empty $(":empty") Tutti gli elementi che sono vuoti
:parent $(":parent") Tutti gli elementi che sono un genitore di un altro elemento
:hidden $("p:hidden") Tutti nascosti <p> elementi
:visible $("table:visible") Tutte le tabelle visibili
:root $(":root") elemento radice del documento
:lang( language ) $("p:lang(de)") Tutti <p> elementi con un valore di attributo lang inizia con "de"
   
[ attribute ] $("[href]") Tutti gli elementi con un href attributo
[ attribute = value ] $("[href='default.htm']") Tutti gli elementi con href valore di attributo pari a "default.htm"
[ attribute != value ] $("[href!='default.htm']") Tutti gli elementi con href valore di attributo non uguale a "default.htm"
[ attribute $= value ] $("[href$='.jpg']") Tutti gli elementi con href valore di attributo che termina con ".jpg"
[attribute|=value] $("[title|='Tomorrow']") Tutti gli elementi con un titolo attribuiscono valore pari a 'Tomorrow' , o che iniziano con 'Tomorrow' seguito da un trattino
[attribute^=value] $("[title^='Tom']") Tutti gli elementi con un titolo valore di attributo che iniziano con "Tom"
[attribute~=value] $("[title~='hello']") Tutti gli elementi con un valore di attributo titolo contenente la parola specifica "hello"
[attribute*=value] $("[title*='hello']") Tutti gli elementi con un valore di attributo titolo contengono la parola "hello"
   
:input $(":input") Tutti gli elementi di input
:text $(":text") Tutti gli elementi di input con type="text"
:password $(":password") Tutti gli elementi di input con type="password"
:radio $(":radio") Tutti gli elementi di input con type="radio"
:checkbox $(":checkbox") Tutti gli elementi di input con type="checkbox"
:submit $(":submit") Tutti gli elementi di input con type="submit"
:reset $(":reset") Tutti gli elementi di input con type="reset"
:button $(":button") Tutti gli elementi di input con type="button"
:image $(":image") Tutti gli elementi di input con type="image"
:file $(":file") Tutti gli elementi di input con type="file"
:enabled $(":enabled") Tutti enabled elementi di input
:disabled $(":disabled") Tutti i disabled elementi di input
:selected $(":selected") Tutti selected elementi di input
:checked $(":checked") Tutti checked elementi di input