-
JQuery Method append 추가 메소드프로그래밍/Jquery 2019. 9. 28. 17:50반응형
오늘은 Jquery의 Method append에 대해 알아보겠습니다.
append는 '덧붙이다'라는 뜻입니다. 그래서 추가 기능이라고 보시면
되는데요. 뜻과 같이 html에서도 덧붙이기 추가하는 기능으로 구현을 많이 합니다.
구현해보겠습니다.
$(document).ready(function(){ var count = 1; $('button').click(function(){ var html = '<p> 내용을 추가합니다' + count +'</p>'; count++; $('#outer').append(html); }); });자바스크립트 부분입니다.
<body> <div id="outer"></div> <div class="center"> <button type="button" class="btn btn-outline-secondary">카운트</button> </div> </body>body부분 내용입니다.
클릭과, 클릭 후 결과 화면
append함수를 이용하여 사람인의 이력서 항목 추가나,
erp의 작성 내용 추가 버튼 구현이 가능합니다.
append함수도 중요한 부분이니 꼭 알고 계시면 좋을 것 같습니다.
(이 포스팅은 기본적인 JQuery의 내용을 경험해봤다는 것을 전제로 합니다 )
반응형'프로그래밍 > Jquery' 카테고리의 다른 글
Jquery Method click(클릭 메소드를 알아보자) (0) 2019.09.28 Jquery 패스워드 중복 체크 기능 구현 (0) 2019.09.27 Jquery 별점 기능 구현(별점 주기)(removeClass, addClass, attr) (2) 2019.09.26 Jquery focus()함수 (0) 2019.09.26 Jqeury val() 함수 (값 바꾸기, 값 가져오기) (0) 2019.09.25