Appunti jQuery – i selettori

Home

Appunti jQuery – i selettori

On 11.18.08, In Tutorial, jQuery, by Alessandro

jQuery è particolarmente apprezzabile dai designer perchè fornisce un set di strumenti potenti e dal rendering uniforme per selezionare in modo agile tutti i tag di pagina scrivendo poche righe di codice.

Qui di seguito riportiamo i filtri basici basati sui selettori…

Selezione di un ID
- $("#nomeID").addClass("nomeclasse");
Selezione di una classe
- $(".nomeClasse").addClass("nomeclasse");
Selezione di un tag
- $("nomeTag").addClass("nomeclasse");
Selezione di un elemento dispari
- $("nomeTag dd").addClass("nomeclasse");
Selezione di un elemento pari
- $("nomeTag:even").addClass("nomeclasse");
Selezione del primo elemento
- $("nomeTag:first").addClass("nomeclasse");
Selezione dell'ultimo elemento
- $("nomeTag:last").addClass("nomeclasse");
Selezione di tutti gli elementi precedenti all'ennesimo elemento a partire da 0
- $("nomeTag:lt(7)").addClass("nomeclasse");
Selezione di tutti gli elementi successivi all'ennesimo elemento a partire da 0
- $("nomeTag:gt(7)").addClass("nomeclasse");
Selezione dell'ennesimo elemento a partire da 0
- $("nomeTag:eq(3)").addClass("nomeclasse");