본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - padding을 포함한 넓이 제어, innerWidth()

by zoo10 2011. 11. 22.

.innerWidth()

원문 링크 http://api.jquery.com/innerWidth/

.innerWidth()Returns : Integer

개요 : 조건에 부합되는 요소들 중 첫번째 요소의 넓이값을 반환해 줍니다. border 값은 제외되고 padding값은 포함됩니다.

  • .innerWidth()

이 함수는 요소의 top, bottom padding 값을 포함한 넓이를 반환합니다.

이 함수는 windowdocument 객체의 넓이를 알아낼 수는 없습니다. 그것들의 넓이를 알고 싶을 때는 .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 에 있는 내용임을 밝힙니다.