пример
Возвращает ширину <div> элемент:
$("button").click(function(){
alert($("div").width());
});
Попробуй сам " Определение и использование
В width() устанавливает метод или возвращает ширину выделенных элементов.
Когда этот метод используется для возврата ширины, она возвращает ширину первого элемента.
Когда этот метод используется для установки ширины, он устанавливает ширину всех соответствующих элементов.
По мере того как изображение ниже иллюстрирует этот метод не включает в себя заполнение, границу или поля.
Аналогичные методы:
- height() - Устанавливает или возвращает высоту элемента
- innerWidth() - Возвращает ширину элемента (включает в себя дополнение)
- innerHeight() - Возвращает высоту элемента (включает в себя дополнение)
- outerWidth() - Возвращает ширину элемента (включает в себя заполнение и рамка).
- outerHeight() - Возвращает высоту элемента (включает в себя заполнение и рамка).
Синтаксис
Возвращает ширину:
$(selector).width()
Установите ширину:
$(selector).width(value)
Установите ширину с помощью функции:
$(selector).width(function(index,currentwidth))
| параметр | Описание |
|---|---|
| value | Требуется для настройки ширины. Определяет ширину в рх, эм, пт, и т.д. По умолчанию устройство ПВ |
| function(index,currentwidth) | Необязательный. Определяет функцию, которая возвращает новую ширину выбранных элементов
|
Попробуйте сами - Примеры
Установите ширину элемента
Как установить ширину элемента, используя разные единицы измерения.
Уменьшение ширины с помощью функции
Как использовать функцию, чтобы уменьшить ширину элемента.
Возвращает ширину документа и оконных элементов
Как вернуть текущую ширину документа и оконных элементов.
Размеры дисплея со связанными методами
Как использовать width(), height(), innerHeight(), innerWidth(), outerWidth() и outerHeight() .
Адаптивный дизайн с width()
Как изменить цвет фона страницы на небольших экранах.