jQuery outerWidth() 메서드

픽셀 수를 나타내는 정수 또는 선택 가능한 단위를 추가한 정수(문자로)/jQuery HTML

outerWidth() 메서드는 선택된 요소의 외부 너비(패딩, 경계선 포함)를 가져오거나 설정합니다。

outerWidth(true) 메서드는 선택된 요소의 외부 너비(패딩, 경계선 및 마진 포함)를 가져오거나 설정합니다。

externalWidth() 메서드를 사용할 때가져옵니다너비를 설정할 때, 그것은첫 번째 선택된 요소너비。

externalWidth() 메서드를 사용할 때설정너비를 설정할 때, 그것은모든 선택된 요소너비。

그림과 같이 externalWidth() 메서드는 패딩과 경계선을 포함합니다：

빈공간을 포함하려면 outerWidth（true）를 사용하세요。

문법：

외부 너비를 얻습니다：

$(selector).outerWidth()

빈공간을 포함한 외부 너비를 가져옵니다：

$(selector).outerWidth(true)

외부 너비를 설정합니다：

$(selector).outerWidth(value)

width()와 height()와 innerHeight()와 innerWidth()와 outerWidth()와 outerHeight() 간의 차이를 보여줍니다:

DIV 요소의 외부 너비를 가져옵니다：

$("div").click(function(){
　　$(this).outerWidth();
$("div").outerHeight();

DIV 요소의 외부 너비(빈공간 포함)를 가져옵니다：

$("div").click(function(){
　　$(this).outerWidth(true);
$("div").outerHeight();

모든 단락의 외부 너비를 설정합니다：

예제
　　$("p").outerWidth(10$("p").outerWidth(
$("div").outerHeight();

다양한 단위로 모든 단락의 외부 너비를 설정합니다：

em");1$("#btn
　　$("p").outerWidth(10$("p").outerWidth(
$("div").outerHeight();
em");2$("#btn
　　").click(function(){100);
$("div").outerHeight();
em");3$("#btn
　　").click(function(){10$("p").outerWidth("
$("div").outerHeight();

0vw");

예제
　　$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
$("div").outerHeight();

›

픽셀 수를 나타내는 정수 또는 선택 가능한 단위를 추가한 정수(문자로)/jQuery HTML