position()

посл. ред. 12.08.2016

Метод position() возвращает позицию первого элемента выборки относительно ближайшего позиционированного предка (у которого свойство position имеет значение absolute, fixed или relative). Если среди предков нет свободно позиционированных элементов, тогда позиция вычисляется относительно элемента <html>.

Позиция элемента представляется в виде координат относительно верхнего левого угла предка. Отступы (margin) считаются частью элемента.

Варианты использования

jQ_object.position() => Object: Возвращает объект с двумя свойствами top и left, в которых содержатся координаты первого элемента выборки относительно ближайшего позиционированного предка.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
  <style>
    * {
      margin: 0;
      padding: 0;
    }
    div {
      position: relative;
      padding: 20px 15px;
      background: #789;
    }
    form {
      background: #707;
    }
    textarea {
      margin: 10px;
    }
  </style>
</head>
<body>
  <div>
    <form autocomplete="off">
      <textarea cols="25" rows="3"></textarea>
    </form>
  </div>
</body>
</html>
 
<script>
$('textarea').text(
  'form: top=' + $('form').position().top + ' left=' + $('form').position().left +
  '\ntextarea: top=' + $('textarea').position().top + ' left=' + $('textarea').position().left
);
</script>