[jQuery] div 높이, 너비 변경하기 (height(), width())

 

지난번에는 jQuery를 이용하여

div의 높이와 너비를 읽어오는 방법을 알아보았습니다.

[jQuery] div 높이 너비 구하기 (height(), width())

 

div의 높이, 너비 변경하기

div의 높이와 너비를 구할 때와 마찬가지로 다음 두 함수를 사용할 수 있습니다.

• height()
• width()

위 두 함수를 사용하면 픽셀 단위로 

요소의 높이, 너비를 지정할 수 있습니다.

 

<div id="myDiv">Hello</div>

#myDiv {
  background-color: yellow;
}

$('#myDiv').height(200);
$('#myDiv').width(200);

 

$('#myDiv').height(200);
$('#myDiv').width(200);

height()와 width() 함수의 파라미터로 div의 높이와 너비를 전달하였습니다.