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

・指定した要素の最後に、引数で指定した内容を追加。
$('#box').append('<div>...</div>');

・指定した内容を、引数で指定した要素の最後に追加する。
$('<div>...</div>').appendTo('#box');

・指定した要素の最初に、引数で指定した内容を追加。
$('#box').prepend('<div>...</div>');

・指定した内容を、引数で指定した要素の最初に追加する。
$('<div>...</div>').prependTo('#box');

・指定した要素の直後に、引数で指定した内容を追加する。
$('#box').after('<div>...</div>');

・指定した内容を、引数で指定した要素の直後に追加する。
$('<div>...</div>').insertAfter('#box');

・指定した要素の直前に、引数で指定した内容を追加する。
$('#box').before('<div>...</div>');

・指定した内容を、引数で指定した要素の直前に追加する。
$('<div>...</div>').insertBefore('#box');