Vai al contenuto

JQuery/Le actions

Wikibooks, manuali e libri di testo liberi.
Indice del libro

Le actions sono i metodi che vengono applicati agli elementi HTML selezionati attraverso i selettori visti nel capitolo precedente. Con le actions è possibile manipolare gli elementi del document dal lato client.

DOM Treversing

[modifica | modifica sorgente]

I primi metodi che vedremo sono quelli per scorrere gli elementi della pagina. Questi metodi possono essere utilizzati in alternativa ai selettori, ma hanno il vantaggio di essere più sintetici.

  • contents() seleziona tutti gli elementi figli dell’elemento su cui è applicato
  • find(elemento) seleziona un elemento specifico tra quelli contenuti in un elemento

Ad esempio:

$("#id_elemento").find("p").hide();

nasconde i paragrafi all’interno dell’elemento con l’id specificato.


Per trovare gli elementi di pari livello (sibling), si usano:

  • next() seleziona l'elemento di pari livello seguente
  • prev() seleziona l'elemento di pari livello precedente

Per risalire l'albero del DOM invece si usano:

  • parent() seleziona gli elementi di livello immediatamente superiore che contengono l'elemento al quale è applicato
  • parents() seleziona tutti gli elementi contenitori dell'elemento

Entrambi questi due metodi accettano un selettore opzionale come parametro per raffinare la ricerca.