.outerWidth()
원문 링크 
http://api.jquery.com/outerWidth/
개요 : 조건에 부합되는 요소들 중 첫번째 요소의 넓이값을 반환해 줍니다. padding, border 값을 포함됩니다.
- .outerWidth( [includeMargin] )
- includeMargin margin값을 포함할지를 결정하는 Boolean 값.
왼쪽과 오른쪽 padding, border, 선택 요소인 margin 값을 포함한 요소의 넓이를 반환합니다.
만약 includeMargin 값이 생략되어 있거나 false 값이라면, padding과 border 값은 계산에 포함되지 않습니다. 만약 true라면, margin 도 포함하여 계산됩니다.
이 함수는 window 와 document 객체를 지원하지 않습니다. 만약 그 객체들의 값을 알고 싶다면 .width() 함수를 사용하세요.
예 제
문단(p태그)의 외곽넓이(outerWidth)를 알아내 봅니다.
<!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( "outerWidth:" + p.outerWidth()+ " , outerWidth(true):" + p.outerWidth(true) );
</script>
</body>
</html>
미리보기
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - 요소 제거, remove() (0) | 2011.11.22 |
|---|---|
| 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포함 높이 구하기, outerHeight() (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 |