[jQuery]동적으로 엘리먼트 추가하기

Javascript 2020. 3. 13. 10:20

$(function() {
	$("#add-elements").on("click", function(e) {
		e.preventDefault();
		$("#wrap").append("<p class='test'>저는 추가된 엘리먼트입니다.</p>");
	});
});
<a href="#" id="add-elements">[추가하기]</a>
<div id="wrap">
	<p class="test">TEST</p>
</div>

아주 간단한 엘리먼트를 추가할 땐 저렇게 append 메소드 안에 직접 html 태그를 입력하셔도 됩니다.

댓글 0