How to obtain the absolute and relative positions of page elements using jQuery _ jquery-js tutorial

This article describes how jQuery obtains the absolute and relative positions of page elements, and describes how to use the offset and position Methods in jQuery, for more information about how to obtain the absolute and relative positions of page elements, see the following example. Share it with you for your reference. The details are as follows:

Obtain the absolute X and Y coordinates of an element on the page. You can use the offset () method:

Var X = $ ('# divid'). offset (). top; var Y = $ (' # DivID '). offset (). left;

Obtain the relative (parent element) Location:

Var X = $ ('# divid '). position (). top; var Y = $ ('# divid '). position (). left; var pleft = $ ("selector "). scrollLeft (); // offset of the element relative to the left of the scroll bar var pTop = $ ("selector "). scrollTop (); // offset of the element relative to the top of the scroll bar

I hope this article will help you with jQuery programming.