Как управлять позицией объекта с помощью jquery?

@akeem 

Для управления позицией объекта с помощью jQuery можно использовать методы .css(), .position() и .offset().

1. Метод .css() позволяет изменять CSS свойства объекта, в том числе и позиционирование с помощью свойств left и top. Например:

1

$("#myObject").css({left: "200px", top: "100px"});

1. Метод .position() возвращает позицию объекта относительно его ближайшего позиционированного родителя. Например, для изменения позиции объекта на 20 пикселей вправо и 30 пикселей вниз относительно его текущей позиции можно использовать:

1
2

var currentPosition = $("#myObject").position();
$("#myObject").css({left: (currentPosition.left + 20) + "px", top: (currentPosition.top + 30) + "px"});

1. Метод .offset() возвращает позицию объекта относительно документа. Например, для изменения позиции объекта на 50 пикселей сверху относительно его текущей позиции можно использовать:

1
2

var currentOffset = $("#myObject").offset();
$("#myObject").css({top: (currentOffset.top - 50) + "px"});