[jQuery] 요소의 추가

제이쿼리는 새로운 요소나 콘텐츠를 손쉽게 추가할 수 있도록 여러 메소드를 제공합니다.

.append()

선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가합니다.

$(function() {
  $("button").on("click", function() {
    $("#list").append("<li>새로 추가된 아이템이에요</li>");
  });
});

.prepend()

선택한 요소의 '처음'에 새로운 요소나 콘텐츠를 추가합니다.

$(function() {
  $("button").on("click", function() {
    $("#list").prepend("<li>새로 추가된 아이템이에요</li>");
  });
});