[jQuery] append(), appendTo(), prepend(), prependTo()

A.append(B)

B.appendTo(A)

 -> A의 마지막에 B를 추가

A.prepend(B)

B.prependTo(A)

 -> A의 처음에 B를 추가

[append 예제]

HTML

<h3>append 예제</h3>
 
<ul id="test"></ul>
<button type="button" id="btn1">추가</button><br>

jQuery

$(function() {
    var n = 0;
    $("#btn1").click(function() {
        n++;
        $("#test").append("<li>테스트 : " + n + "</li>");
    });
});

결과 :