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:

<div id="selDiv">
<p>Paragrafo</p>
Span</div>

Nel seguente:

<div id="selDiv">
<p>Paragrafo</p>
Span <a href="url">Etichetta</a></div>

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à:

<div id="selDiv"><a href="url">Etichetta</a>
<p>Paragrafo</p>
Span</div>