jQuery CSS Operation - метод width()

Руководство по CSS-операциям jQuery

Пример

Установите ширину элемента <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

Попробуйте сами

Определение и использование

Метод width() возвращает или устанавливает ширину соответствующего элемента.

Вернуть ширину

Вернуть ширину первого соответствующего элемента.

Если не устанавливать параметры для этого метода, возвращается ширина соответствующего элемента в пикселях.

Синтаксис

$(selector).width()

Попробуйте сами

Установите ширину

Установите ширину всех соответствующих элементов.

Синтаксис

$(selector).width(length)
Параметры Описание
length

Опционально. Определяет ширину элемента.

Если единица измерения длины не указана, используется по умолчанию px.

Попробуйте сами

Используйте функцию для установки ширины

Используйте функцию для установки ширины всех соответствующих элементов.

Синтаксис

$(selector).width(function(index,oldwidth))
Параметры Описание
function(index,oldwidth)

Определяет функцию, которая возвращает новую ширину выбранного элемента.

  • index - опционально. Принимает позицию index выбора
  • oldvalue - опционально. Принимает текущее значение выбора.

Попробуйте сами

Более примеров

Получение ширины элементов document и window
Используйте метод width() для получения текущей ширины элементов document и window.
Используйте значения em и % для установки ширины
Установите ширину элемента с помощью указанного единицы измерения длины.

Руководство по CSS-операциям jQuery