|
Tutti i selettori iniziano col simbolo del dollaro $ (anche chiamato
?oggetto JQuery?) $("nome-elemento") = seleziona gli elementi HTML con nome nome-elemento $("#valore-id") = seleziona l?elemento HTML con valore dell?attributo id uguale a valore-id $(".nome-class") = seleziona l?elemento HTML con valore dell?attributo class uguale a nome-class Esempio: $("p.myclass") seleziona tutti gli elementi p con valore dell?attributo class uguale a myclass Si possono anche usare i metodi del DOM Esempio: $(getElementById(valore-id)) SELETTORI $("*") = seleziona tutti gli elementi HTML $(this) = seleziona l?elemento HTML corrente $(".nome-class") = seleziona l?elemento HTML con valore dell?attributo class uguale a nome-class Si possono usare filtri (preceduti da ":" ) Esempi: $("p:first") = seleziona il primo elemento p $("p:last") = seleziona l?ultimo elemento p $("p:even") = seleziona gli elementi p pari $("p:odd") = seleziona gli elementi p dispari Si possono scrivere piu' selettori contemporaneamente: $("p:first, #mio-id") seleziona sia il primo p che l?elemento con id mio-id Si possono scrivere selettori gerarchici (padre-figlio o predecessoresuccessore) $("#mio-id p") seleziona gli elementi p successori dell?elemento con id mio-id $("#mio-id > p") seleziona gli elementi p figli dell?elemento con id mio-id $("#mio-id + p") seleziona l?elemento p che segue l?elemento con id mio-id Si possono usare condizioni sugli attributi: $("a[title='nuovo']") seleziona gli elementi a con attributo title uguale a nuovo Tutti i selettori iniziano col simbolo del dollaro $ (anche chiamato ?oggetto JQuery?) $("nome-elemento") = seleziona gli elementi HTML con nome nome-elemento $("#valore-id") = seleziona l?elemento HTML con valore dell?attributo id uguale a valore-id $(".nome-class") = seleziona l?elemento HTML con valore dell?attributo class uguale a nome-class Esempio: $("p.myclass") seleziona tutti gli elementi p con valore dell?attributo class uguale a myclass Si possono anche usare i metodi del DOM Esempio: $(getElementById(valore-id)) SELETTORI $("*") = seleziona tutti gli elementi HTML $(this) = seleziona l?elemento HTML corrente $(".nome-class") = seleziona l?elemento HTML con valore dell?attributo class uguale a nome-class Si possono usare filtri (preceduti da ":" ) Esempi: $("p:first") = seleziona il primo elemento p $("p:last") = seleziona l?ultimo elemento p $("p:even") = seleziona gli elementi p pari $("p:odd") = seleziona gli elementi p dispari Si possono scrivere piu' selettori contemporaneamente: $("p:first, #mio-id") seleziona sia il primo p che l?elemento con id mio-id Si possono scrivere selettori gerarchici (padre-figlio o predecessoresuccessore) $("#mio-id p") seleziona gli elementi p successori dell?elemento con id mio-id $("#mio-id > p") seleziona gli elementi p figli dell?elemento con id mio-id $("#mio-id + p") seleziona l?elemento p che segue l?elemento con id mio-id Si possono usare condizioni sugli attributi: $("a[title='nuovo']") seleziona gli elementi a con attributo title uguale a nuovo |