jQuery挿入要素
内部挿入
append()メソッド
構文フォーマット

append(内容)

Append(function(index,html))

このメソッドは、一致する要素のセットの各要素の最後にパラメータによって指定された内容を挿入し、jQueryオブジェクトを返します.
html

       

    
this   h2

js

$(function(){
    $("button").click(function(){
        $("div").append("
this is H1
");
    })
})

ボタンをクリックしたhtml構造

       

    
this   h2
    
this is H1

prepend()メソッド
構文フォーマット

prepend(コンテンツ)

このメソッドでは、パラメータで指定した内容を一致する要素のセット内の各要素の先頭に挿入し、jQueryオブジェクトを返します.
html

       

    
this   h2


    
this c    h2

js

$(function(){
    $("button").click(function(){
        $("div").prepend("
this is H1
");
    })
})

ボタンをクリックしたhtml構造

       

    
this is H1
    
this   h2


    j
this is H1
    
this c    h2

prependTo()メソッド
構文フォーマット

prependTo(target)

このメソッドでは、一致する要素のセット内の各要素をターゲット要素の先頭に挿入し、jQueryオブジェクトを返します.
html

       

    
this   h2

js

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

ボタンをクリックしたhtml構造

       

    
    
    
this   h2