bind_button

조수경·2021년 11월 29일

HTML

목록 보기
90/96

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href = "../css/mystyle.css" type="text/css">
<script src="../js/jquery-3.6.0.min.js"></script>

<script>
 $(function(){ 
	 //$('.but').click(function(){ })
	 //$('.but').bind('click', function(){ })
	 $('.but').on('click', function(){
		 
		 //새로운 버튼을 생성
		 nbut = $('<button class="but" type = "button" >확인</button>')
		 //result1에 추가 - append appendTo
		 nbut.appendTo($('#result1'));
		 
	 })
	 
	 //해제 버튼
	 //$('#clear').bind('click', function(){ })
	 $('#clear').on('click', function(){ 
		 
		 $('.but').off('click');
		 //$('.but').unbind('click');
		 
	 })
	 
 })
</script>

</head>
<body>

<div class = "box">

   <br>
   <div class="cd">
     <button class="but" type = "button" >확인</button>
  </div>
  
  <button type="button" id="clear" >해제</button>
  
  <div class="cd" id ="result1"></div>
</div>
</body>
</html>
profile
신입 개발자 입니다!!!

0개의 댓글