요소의 크기, 요소의 크기를 결정하는 구성요소, 요소의 크기설정 함수

 

요소의 크기

·       제이쿼리는 선택한 요소의 크기에 관한 정보를 손쉽게 받아오거나 설정할 수 있도록 다양한 메소드를 제공합니다.

·       접두사로 inner가 붙은 메소드는 선택한 요소의 크기에 패딩(padding) 영역이 포함된 크기 정보를 반환합니다.

·       접두사로 outer가 붙은 메소드는 패딩 영역뿐만 아니라 테두리(border) 영역까지 포함된 크기 정보를 반환합니다.

·       또한, 접두사로 outer가 붙은 메소드에 인수로 true 값을 전달하면, 패딩과 테두리 영역뿐만 아니라 마진(margin) 영역까지 포함된 크기 정보를 반환합니다.

 

 

 

메소드	설명
.width()	·       선택된 요소의 너비를 지정하거나 받아오는 메소드 ·       선택한 요소 집합의 첫 번째 요소의 너비를 반환하거나, 선택된 요소의 너비를 인수로 전달받은 값으로 설정합니다.
.height()	·       선택된 요소의 높이를 지정하거나 받아오는 메소드 ·       선택한 요소 집합의 첫 번째 요소의 높이를 반환하거나, 선택된 요소의 높이를 인수로 전달받은 값으로 설정합니다.
.innerWidth()	·       요소의 크기 + 패딩(padding)의 크기 ·       선택한 요소 집합의 첫 번째 요소의 너비에 패딩 영역을 포함한 너비를 반환합니다.
.innerHeight()	·       요소의 크기 + 패딩(padding)의 크기 ·       선택한 요소 집합의 첫 번째 요소의 높이에 패딩 영역을 포함한 높이를 반환합니다.
.outerWidth()	·       요소의 크기 + 패딩의 크기 + 테두리(border)의 크기 ·       선택한 요소 집합의 첫 번째 요소의 너비에 패딩 영역과 테두리를 포함한 너비를 반환합니다.
.outerWidth(true)	·       요소의 크기 + 패딩의 크기 + 테두리(border)의 크기 ·       인수로 true를 전달받으면 마진 영역까지 포함한 너비를 반환합니다.
.outerHeight()	·       요소의 크기 + 패딩의 크기 + 테두리(border)의 크기 ·       선택한 요소 집합의 첫 번째 요소의 높이에 패딩 영역과 테두리를 포함한 높이를 반환합니다.
outerHeight(true)	·       요소의 크기 + 패딩의 크기 + 테두리의 크기 + 마진(margin)의 크기 ·       인수로 true를 전달받으면 마진 영역까지 포함한 높이를 반환합니다.

 

 

 

요소의 크기를 결정하는 구성요소