jQuery appendTo() 方法

jQuery HTML/Méthodes CSS

appendTo()方法在被选元素的结尾插入 HTML 元素（作为最后一个子元素）。

要将HTML元素插入所选元素的开头，请使用prependTo()方法。

append()和appendTo()方法的区别：

• 使用append()，向每个匹配的元素内部追加内容。

• 使用appendTo()，将所有匹配的元素追加到指定的元素集合中。

　　$('div').append('<span>bonjour</span>');　
　　//　Équivaut à
　　$('<span>bonjour</span>').appendTo('div');
　　//　Résultat => <div>Monde<span>bonjour</span></div>

Syntaxe :

$(content).appendTo(selector)

Exemple

Ajoutez un élément <b>à la fin de tous les paragraphes :

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

Utilisez la méthode appendTo() pour insérer un élément existant à la fin de chaque élément sélectionné :

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

Valeur du paramètre

jQuery HTML/Méthodes CSS