[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' 카테고리의 다른 글
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 |