이번에는 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>
'인프런 - 강의 > 슈퍼초보를 위한 웹개발 기초' 카테고리의 다른 글
14 - 내 소개 페이지 만들기 - 2 (0) | 2019.12.28 |
---|---|
13 - 내 소개 페이지 만들기 - 1 (0) | 2019.12.28 |
11 - 제이쿼리(jquery)란? (0) | 2019.12.28 |
10 - 자바스크립트 연습 조금 더 해보기(디버깅) (0) | 2019.12.28 |
9 - 자바스크립스 연습 (0) | 2019.12.28 |