jQuery: aggiungere codice HTML con i metodi append() e prepend()

Il metodo append() di jQuery consente di inserire del codice HMTL all’interno dell’elemento selezionato (o degli elementi selezionati) come ultimo figlio, ossia in coda all’utlimo tag precedentemente contenuto.
Il suo utilizzo è molto semplice, supponiamo ad esempio di voler aggiungere un link all’interno di del div che ha id “selDiv”, ci basterà scirvere:

$(‘#selDiv’).append(‘<a href=”url”>Etichetta</a>’);
 
In questo modo possiamo modificare il codice HTML iniziale:

Paragrafo

Span

Nel seguente:

Paragrafo

Span Etichetta

Il metodo jQuery prepend() invece consente di aggiungere del nuovo codice html all’inizio di un elemento selzionato:
$(‘#selDiv’).prepend(‘<a href=”url”>Etichetta</a>’);
Il risultato dell’applicazione del metodo allo stesso codice inziale sarà:

Etichetta

Paragrafo

Span