jQuery метод смещения ()

❮ Методы jQuery HTML/CSS

Пример

Возвращает координаты смещения элемента <p>:

$("button").click(function(){
  var x = $("p").offset();
  alert("Top: " + x.top + " Left: " + x.left);
});

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

Метод offset() устанавливает или возвращает координаты смещения для выбранных элементов относительно документа.

При использовании для возврата смещения:
этот метод возвращает координаты смещения ПЕРВОГО совпавшего элемента. Он возвращает объект с двумя свойствами; верхняя и левая позиции в пикселях.

При использовании для установки смещения:
этот метод устанавливает координаты смещения ВСЕХ совпавших элементов.


Синтаксис

Вернуть координаты смещения:

$(selector).offset()

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

$(selector).offset({top:value,left:value})

Установите координаты смещения с помощью функции:

$(selector).offset(function(index,currentoffset))

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

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


Как установить координаты смещения элемента.


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


Как установить координаты смещения для элемента с помощью нового объекта.


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


❮ Методы jQuery HTML/CSS