jQuery innerWidth() 메서드

jQuery HTML/CSS 메서드

innerWidth() 메서드는 선택된 요소의 내부 너비를 가져오거나 설정합니다（padding을 포함하지만 margin과 border를 포함하지 않습니다）。

innerWidth() 메서드를 사용할 때가져오기너비를 설정할 때, 그것은첫 번째 선택된 요소의 너비。

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

如下图所示，innerWidth() 메서드는 padding을 포함하지만 margin과 border를 포함하지 않습니다：

너비 값은 상대적일 수도 있습니다. 값에 프리픽스가 제공되면+=-= 문자열이면, 현재 값에서 주어진 숫자를 추가하거나 뺄 수 있어서 목표 너비를 계산합니다（예를 들어 innerWidth（"-= 100”））。

문법：

내부 너비 가져오기：

$(selector).innerWidth()

내부 너비 설정：

$(selector).innerWidth(value)

예제

DIV 요소의 내부 너비를 가져오십시오：

$("div").click(function(){
　　$(this).innerWidth();
});

모든 단락의 내부 너비를 설정하십시오：

$("button").click(function(){
　　$("p").innerWidth("}}100);
});

모든 단락의 내부 너비를 다른 단위로 설정하십시오：

$("#btn1").click(function(){
　　$("p").innerWidth("}}100);
});
$("#btn2").click(function(){
　　$("p").innerWidth("10em");
});
$("#btn3").click(function(){
　　$("p").innerWidth("100vw");
});

width(), height(), innerHeight(), innerWidth(), outerWidth(), outerHeight() 간의 차이를 보여주기 위해 표시됩니다:

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

파라미터 값

jQuery HTML/CSS 메서드