テキストの追加、要素の追加まとめ2[JQuery]

JQuery を使ったテキスト追加、要素の追加のまとめ その2

前回の記事はターゲットを指定して、内容を記述する方法

今回は内容を記述してからターゲットを指定する方法シリーズです。

前回の記事はコチラ

テキストの先頭に追加する

$('追加したいテキスト').prependTo('ターゲット');

結果: 追加したテキストテキスト

テキストの後ろに追加する

$('追加したいテキスト').appendTo('ターゲット');

結果: テキスト追加したテキスト

ターゲットの前に要素を追加する

$('<p>追加したい要素</p>').insertBefore('ターゲット');

結果: 追加した要素

ターゲット

ターゲットの後ろに要素を追加する

$('<p>追加したい要素</p>').insertAfter('ターゲット');

結果: ターゲット

追加した要素