JQuery/Le actions
< JQuery
Le actions
[modifica | modifica sorgente]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.