JQuery/Le actions

Le actions

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

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.