Metodo jQuery appendTo()

Metodi HTML/CSS jQuery

Il metodo appendTo() inserisce l'elemento HTML alla fine dell'elemento selezionato (come ultimo figlio).

Per inserire un elemento HTML all'inizio dell'elemento selezionato, utilizzareprependTo()metodo.

append()differenza tra i metodi append() e appendTo():

• usareappend()，aggiungere contenuti all'interno di ciascun elemento corrispondente.

• usareappendTo()，aggiungere tutti gli elementi corrispondenti alla raccolta di elementi specificati.

　　$('div').append('<span>buongiorno</span>');　
　　// Equivalente a
　　$('<span>buongiorno</span>').appendTo('div');
　　// Risultato => <div>mondo<span>buongiorno</span></div>

Sintassi:

$("content").appendTo("selector")

Esempio

Aggiungi l'elemento <b> alla fine di tutti i paragrafi:

$("button").click(function(){
　　$("<b>Hello world</b>").appendTo("p");
});

Aggiungi un elemento esistente alla fine di ogni elemento selezionato utilizzando il metodo appendTo():

$("button").click(function(){
　　$("h1").appendTo("p");
});

Valore del parametro

Metodi HTML/CSS jQuery