Метод ширины jQuery ()
Пример
Вернуть ширину элемента <div>:
$("button").click(function(){
alert($("div").width());
});
Определение и использование
Метод width() устанавливает или возвращает ширину выбранных элементов.
Когда этот метод используется для возврата ширины, он возвращает ширину ПЕРВОГО совпавшего элемента.
Когда этот метод используется для установки ширины, он устанавливает ширину ВСЕХ соответствующих элементов.
Как показано на изображении ниже, этот метод не включает отступы, границы или поля.
Связанные методы:
- height() - устанавливает или возвращает высоту элемента
- innerWidth() - возвращает ширину элемента (включая отступы)
- innerHeight() - возвращает высоту элемента (включая отступы)
- externalWidth() — возвращает ширину элемента (включая отступы и границы).
- externalHeight() — возвращает высоту элемента (включая отступы и границы).
Синтаксис
Вернуть ширину:
$(selector).width()
Установите ширину:
$(selector).width(value)
Установите ширину с помощью функции:
$(selector).width(function(index,currentwidth))
| Parameter | Description |
|---|---|
| value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
| function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
Попробуйте сами — примеры
Как установить ширину элемента, используя разные единицы измерения.
Как использовать функцию для уменьшения ширины элемента.
Как вернуть текущую ширину документа и элементов окна.
Как использовать width(), height(), innerHeight(), innerWidth(), externalWidth() и externalHeight().
Как изменить цвет фона страницы на небольших экранах.