©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>jQuery Element Dimension</title>
	<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
	<style>
		#divBox { 
			width: 200px;
			height: 100px;
			background-color: orange;
		}
	</style>
	<script>
		$(function() {
			$("button").on("click", function() {
				$("#divBox").width("400");	// id가 "divBox"인 요소의 너비를 설정함.
				$("#divBox").height("200");	// id가 "divBox"인 요소의 높이를 설정함.
			});
		});
	</script>
</head>

<body>

	<h1>요소의 크기 변경</h1>
	<div id="divBox">
		<p id="text"></p>
	</div>
	<br>
	<button>요소의 크기 변경</button>
	
</body>

</html>