jQuery 외부 너비() 메서드

❮ jQuery HTML/CSS 메소드

예시

<div> 요소의 외부 너비를 반환합니다.

$("button").click(function(){
  alert($("div").outerWidth());
});

정의 및 사용

outerWidth() 메서드는 FIRST 일치 요소의 외부 너비를 반환합니다.

아래 이미지에서 알 수 있듯이 이 메서드에는 패딩과 테두리가 포함됩니다.

팁: 여백을 포함하려면 outerWidth(true)를 사용하세요.

jQuery 차원


관련 방법:

  • width() - 요소의 너비를 설정하거나 반환합니다.
  • height() - 요소의 높이를 설정하거나 반환합니다.
  • innerWidth() - 요소의 너비를 반환합니다(패딩 포함).
  • innerHeight() - 요소의 높이를 반환합니다(패딩 포함).
  • outerHeight() - 요소의 높이를 반환합니다(패딩 및 테두리 포함).

통사론

$(selector).outerWidth(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

직접 해보십시오 - 예


을 포함할지 여부를 지정합니다.


width(), height(), innerHeight(), innerWidth(), outerWidth() 및 outerHeight() 사용 방법.


❮ jQuery HTML/CSS 메소드