body>
<div id="parent">
<p id="first">안녕하세요.</p>
</div>
</body>
▤ before
var second="<p>second</p>";
$("#first").before(second); // first 객체 앞쪽에 second 객체를 붙인다.
<div id="parent">
<p>second</p>
<p id="first">안녕하세요.</p>
</div>
▤ insertBefore
var second="<p>second</p>";
$(second).insertBefore("#first"); // second 객체를 first 객체의 앞쪽에 붙인다.
<div id="parent">
<p>second</p>
<p id="first">안녕하세요.</p>
</div>
▤ after
var second="<p>second</p>";
$("#first").after(second); // first 객체 뒤쪽에 second 객체를 붙인다.
<div id="parent">
<p id="first">안녕하세요.</p>
<p>second</p>
</div>
▤ insertAfter
var second="<p>second</p>";
$(second).insertAfter("#first"); // second 객체를 first 객체의 뒤쪽에 붙인다.
<div id="parent">
<p id="first">안녕하세요.</p>
<p>second</p>
</div>