Edited at

JQueryの目的の場所に要素を追加


append

・指定した要素の最後に、引数で指定した内容を追加。

$('#box').append('<div>...</div>');


appendTo

・指定した内容を、引数で指定した要素の最後に追加する。

$('<div>...</div>').appendTo('#box');


prepend

・指定した要素の最初に、引数で指定した内容を追加。

$('#box').prepend('<div>...</div>');


prependTo

・指定した内容を、引数で指定した要素の最初に追加する。

$('<div>...</div>').prependTo('#box');


after

・指定した要素の直後に、引数で指定した内容を追加する。

$('#box').after('<div>...</div>');


insertAfter

・指定した内容を、引数で指定した要素の直後に追加する。

$('<div>...</div>').insertAfter('#box');


before

・指定した要素の直前に、引数で指定した内容を追加する。

$('#box').before('<div>...</div>');


insertBefore

・指定した内容を、引数で指定した要素の直前に追加する。

$('<div>...</div>').insertBefore('#box');