<body>
<div id="parent">
<p>안녕하세요.</p>
</div>
</body>
▤ append
var child="<p>child</p>";
$("#parent").append(child); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.
<div id="parent">
<p>안녕하세요.</p>
<p>child</p>
</div>
▤ appendTo
var child="<p>child</p>";
$(child).appendTo("#parent"); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.
<div id="parent">
<p>안녕하세요.</p>
<p>child</p>
</div>
▤ prepend
var child="<p>child</p>";
$("#parent").prepend(child); // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.
<div id="parent">
<p>child</p>
<p>안녕하세요.</p>
</div>
▤ prependTo
var child="<p>child</p>";
$(child).prependTo("#parent"); // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.
<div id="parent">
<p>child</p>
<p>안녕하세요.</p>
</div>