jQueryで要素を追加する

jQueryで要素を追加する場合や、特定の要素を囲うには下記のように記述します。

▼append
appendは指定した要素の最後にHTMLを追加します。

$(function(){
	$("ul").append("<li>example</li>")
});

▼prepend
prependは指定した要素の最初にHTMLを追加します。

$(function(){
	$("ul").prepend("<li>example</li>")
});

▼before
beforeは指定した要素の前にHTMLを追加します。

$(function(){
	$("ul").before("<div>example</div>")
});

▼after
afterは指定した要素の後ろにHTMLを追加します。

$(function(){
	$("ul").after("<div>example</div>")
});

▼wrap
wrapは指定した要素をHTMLで包み込みます。

$(function(){
	$('ul').wrap('<div class="hoge"></div>')
});

参考：
https://2inc.org/blog/2013/03/07/3027/
http://www.re-creators.jp/blog/2008/12/09_167.html