※ 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>append</title>
<!-- jquery-1.8.1.min.js 추가해주세요-->
<script src='../cornerstone/lib/jquery-1.8.1.min.js'></script>
<script>
window.onload = function() {
//Pass id를 가지고 있는 div form 안에 추가하기
$('.append1').on("click",function(){
$("#Pass").append($("<table id='PassList' border='1px'/>"));
$("#PassList").append($("<tr><td>append로 table를 만들어 주었습니다.</td></tr>"));
});
//Pass id를 가지고 있는 div form 자체 삭제하기
$('.remove1').on("click",function(){
$("#Pass").remove();
});
//Pass id를 가지고 있는 div form 안에 있는 date 전부 삭제하기
$('.empty1').on("click",function(){
$("#Pass").empty();
});
//Pass id를 가지고 있는 div form 안에 있는 PassList id를 가지고 있는 form 만 삭제 한다.
$('.remove2').on("click",function(){
$("#PassList").remove();
});
}
</script>
</head>
<body>
<button class="append1">어팬드</button>
<button class="remove1">리무브</button>
<button class="empty1">임프티</button>
<button class="remove2">리무브2</button>
<div id="Pass">
<h3>html 소스 body에는 제목만 있습니다.</h3>
</div>
</body>
</html>
'프로그래밍 언어' 카테고리의 다른 글
| [JQuery] checkbox false일때 안내문 on, true일때 안내문 off 예제 (0) | 2013.07.06 |
|---|---|
| [JQuery] checkbox 상태확인 및 수정 (0) | 2013.07.06 |
| [Mysql] DB 데이터 삭제 (0) | 2013.06.29 |
| [Mysql] LIKE로 두개의 조건 거는 방법 (0) | 2013.06.28 |
| [PHP] list 함수 (0) | 2013.06.27 |