jQuery prependTo() メソッド

jQuery HTML/CSS メソッド

prependTo() メソッドは、各選択された要素の先頭（最初の子要素として）にHTML要素を挿入します。

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

このprepend()と prependTo() メソッドが同じタスクを実行します。主な違いは文法的な面です：

• 使用prepend()、メソッドの前に選択器表現は、その中に内容を挿入するコンテナです。

• 使用prependTo()、メソッドの前に選択器表現として内容があり、それをターゲットコンテナに挿入します。

//prepend()
$("#btnpre").click(function(){
//このメソッドは、指定された内容を選択された要素の先頭（内部に位置）に挿入します。
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//prependTo() メソッドは、選択されたエレメントの先頭（内部にまだ残っています）に指定された内容を挿入します。
　　$("<p>Hello　prependTo!</p>").prependTo("div");
});

文法：

$(content).prependTo(selector)

例

すべての段落の先頭に <b> エレメントを追加します：

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

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

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

パラメータ値

jQuery HTML/CSS メソッド