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 )