appunti jQuery – i selettori

selettori base di jQueryjQuery è 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 :o 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");

Un breve esempio pratico sull’utilizzo dei filtri base di jQuery.

Questo articolo è stato pubblicato in jQuery e ha le etichette , , , . Aggiungi ai preferiti: link permanente. Scrivi un commento o lascia un trackback: Trackback URL.

Scrivi un Commento

Il tuo indirizzo Email non verra' mai pubblicato e/o condiviso. I Campi obbligatori sono contrassegnati con *

*
*

Puoi usare questi HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>