「jQuery入門」before(), after(), prepend(), append()の使い方

2017年11月30日

1.htmlコード
<div id="jstest">要素挿入テスト</div>

2.JSコード
$(function(){
$('#jstest’)
.before('<div>11</div>’)
.after('<div>22</div>’)
.prepend('<p>33</p>’)
.append('<p>44</p>’);
});
3.実行結果
<div>11</div>
<div id="jstest">
<p>33</p>
要素挿入テスト
<p>44</p>
<div>22</div>