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');