JQuery/Le actions
< JQuery
Le actions
modificaLe 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
modificaI 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.