Метод innerWidth() jQuery

Методы HTML/CSS jQuery

Метод innerWidth() jQuery��取 или устанавливает внутреннюю ширину выбранного элемента (включая 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();
});

Значение параметра

Методы HTML/CSS jQuery