.outerHeight()
원문 링크 
http://api.jquery.com/outerHeight/
개요 : 조건에 부합되는 요소들 중 첫번째 요소의 높이값을 반환해 줍니다. padding, border, margin(조건에 따른) 값도 포함됩니다. "px"없는 정수 또는 요소집합이 없을 때 null 을 반환합니다.
- .outerHeight( [includeMargin] )
- includeMargin margin값을 포함할지를 결정하는 Boolean 값.
.outerHeight() 함수는 언제나 padding과 border값을 포함하여 계산해 줍니다. 만약 includeMargin 인자가 true로 세팅되어 있다면 margin (top 과 bottom이 포함된) 값도 계산에 포함해 줍니다.
이 함수는 window 와 document 객체를 지원하지 않습니다. 만약 그 객체들의 값을 알고 싶다면 .height() 함수를 사용하세요.
예 제
문단(p태그)의 외곽높이(outerHeight)를 알아내 봅니다.
<!DOCTYPE html>
<html>
<head>
<style>p { margin:10px;padding:5px;border:2px solid #666; } </style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Hello</p><p></p>
<script>var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );</script>
</body>
</html>
미리보기
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - 선택된 모든 요소의 앞에 추가하기2, prependTo() (0) | 2011.11.22 |
|---|---|
| jQuery API 정복 - 선택된 모든 요소의 앞에 추가하기, prepend() (0) | 2011.11.22 |
| jQuery API 정복 - 상대 좌표 구하기, position() (0) | 2011.11.22 |
| jQuery API 정복 - border 포함 넓이 구하기, outerWidth() (0) | 2011.11.22 |
| jQuery API 정복 - 좌표 찾기, offset() (0) | 2011.11.22 |
| jQuery API 정복 - 앞에 추가하기, insertBefore() (0) | 2011.11.22 |
| jQuery API 정복 - 뒤에 추가하기, insertAfter() (0) | 2011.11.22 |
| jQuery API 정복 - padding을 포함한 넓이 제어, innerWidth() (0) | 2011.11.22 |