인프런 - 강의/슈퍼초보를 위한 웹개발 기초

12 - 제이쿼리 연습

개복치 개발자 2019. 12. 28. 06:18

이번에는 append 보고 가겠습니다.

 

<!DOCTYPE html>
<html>
<head>
	 
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	<script type="text/javascript">
		
		$(document).ready(function(){
			$("#testButton").click(function(){
				$("#testId").append("테스트 텍스트에요!");
			})
		})

	</script>

	

</head>
<body>

	<div id="testId">

	</div>

	<button id="testButton">testButton</button>

</body>
</html>