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>