.innerWidth()
원문 링크 
http://api.jquery.com/innerWidth/
개요 : 조건에 부합되는 요소들 중 첫번째 요소의 넓이값을 반환해 줍니다. border 값은 제외되고 padding값은 포함됩니다.
- .innerWidth()
이 함수는 요소의 top, bottom padding 값을 포함한 넓이를 반환합니다.
이 함수는 window 와 document 객체의 넓이를 알아낼 수는 없습니다. 그것들의 넓이를 알고 싶을 때는 .width() 함수를 사용하시면 됩니다.
예 제
문단(p 태그)의 내부넓이(innerWidth)를 구합니다.
<!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( "innerWidth:" + p.innerWidth() );</script>
</body>
</html>
미리보기
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| 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 |
| jQuery API 정복 - padding 포함 높이 제어, innerHeight() (0) | 2011.11.22 |
| jQuery API 정복 - 요소 높이 제어, height() (0) | 2011.11.22 |
| jQuery API 정복 - 텍스트 비우기, empty() (0) | 2011.11.22 |
| jQuery API 정복 - 요소 제거, detach() (2) | 2011.11.22 |