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

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

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

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

前回の記事はコチラ

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

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

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

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

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

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

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

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

結果: 追加した要素

ターゲット

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

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

結果: ターゲット

追加した要素

jquery.logo

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

bobuのアバター bobu Webクリエイター

ホームページ制作、リメイク、バナー、画像制作を行っています。
毎朝5:00-7:00 まで朝活で ITの知識を インプット+ Twitter へアウトプット。
お仕事のご依頼は「お問い合わせページ」からご連絡ください。