jQuery appendTo() メソッド

jQueryのHTML/CSSメソッド

appendTo()メソッドは選択された要素の末尾にHTML要素を挿入します（最後の子要素として）。

選択された要素の先頭にHTML要素を挿入するには、prependTo()メソッド。

append()およびappendTo()メソッドの違い：

• 使用append()、各一致する要素の内部に内容を追加します。

• 使用appendTo()、すべての一致する要素を指定された要素の集合に追加します。

　　$('div').append('<span>こんにちは</span>');　
　　//　同等
　　$('<span>こんにちは</span>').appendTo('div');
　　//　結果　=>　<div>世界<span>こんにちは</span></div>

構文：

$(content).appendTo(selector)

例

すべての段落の末尾に<b>要素を追加します：

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

appendTo()メソッドを使用して、選定された要素の末尾に既存の要素を挿入します：

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

パラメータの値

jQueryのHTML/CSSメソッド