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

저작자표시

'Javascript' 카테고리의 다른 글

[jQuery]동적으로 엘리먼트 추가하기  (0) 2020.03.13
filter  (0) 2020.02.28
웹에서 서명하기, signature_pad.js  (0) 2020.02.28
[jQuery]전체 선택  (0) 2020.02.27
[jQuery]복사, 붙여넣기, 잘라내기 안 되게...  (0) 2020.02.27
[jQuery]세 자리마다 콤마 찍기 number format  (0) 2020.02.17

댓글 0

확인