jQuery CSS-операции - метод offset()

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

Пример

Получите текущее смещение элемента <p>:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

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

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

Метод offset() возвращает или устанавливает смещение (положение) элемента по отношению к документу.

Возвращает координаты смещения

Возвращает координаты смещения первого соответствующего элемента.

Этот метод возвращает объект, содержащий два целочисленных свойства: top и left, измеренные в пикселях. Этот метод действует только для видимых элементов.

Синтаксис

$(selector).offset()

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

Установите координаты смещения

Установите координаты смещения всех соответствующих элементов.

Синтаксис

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

Обязательно. Установите координаты top и left в пикселях.

Возможные значения:

  • Пары значений, например {top:100,left:0}
  • Объект с свойствами top и left

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

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

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

Синтаксис

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

Установите функцию, которая возвращает новые координаты смещения выбранных элементов.

  • index - опционально. Принимает индекс位置的 селектора
  • oldvalue - опционально. Принимает текущие координаты селектора.

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

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

Используйте объект для установки нового значения offset для объекта.
Определите элемент с помощью координат нового объекта.
Используйте положение другого элемента для установки нового значения offset для элемента.
Определите элементы с помощью положения существующего объекта.

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