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

Javascript 2020. 3. 13. 10:20

728x90
$(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 태그를 입력하셔도 됩니다.

반응형

'Javascript' 카테고리의 다른 글

Datepicker 특정 날짜 클릭 안 되게...  (0) 2020.11.11
zerofill  (0) 2020.08.03
[jQuery]동적으로 엘리먼트 추가하기  (0) 2020.03.13
filter  (0) 2020.02.28
웹에서 서명하기, signature_pad.js  (0) 2020.02.28
[jQuery]전체 선택  (0) 2020.02.27

댓글 0