jQuery функция .width()

Раздел: Основы CSS

Описание: Возвращает или устанавливает текущее значение ширины для совпавшего элемента в пикселях

Опции: $( elem ).width( [ значение ] );

Разница между .css('width') и .width() в том, что в последнем возвращается значение без единицы измерения в пикселях (например, 400), в то время как в первом варианте возвращается значение с единицей измерения (например, 400px). Метод .width() предпочтительней когда высота элемента требуется для математических вычислений.

Начиная с jQuery версии 1.2 этот метод также позволяет находить ширину для объектов window и document

javascript:
$(window).width();   // возвращает ширину области просмотра браузера
$(document).width(); // возвращает ширину документа HTML

Когда вызывается .width(значение), значение может быть передано: число или число единица измерения( пример: "10" , "10xp" , "10%" ). Если передано только число, jQuery предполагает единицу измерения пиксель.

Имейте в виду, что в современных браузерах свойство CSS не включает padding, border, и margin.

Живые примеры:

$( elem ).width()

$( elem ).width( value )