Detailed description of jQuery's position () method _ jquery-js tutorial

The position () function is used to return the offset between the current matching element and the located ancestor element, that is, the coordinates of the located ancestor element. This function is only valid for visible elements. Definition and usage of position () method:

This method obtains the offset of the matching element to some elements.

The returned object contains two integer attributes (top and left.

This method is only valid for visible elements.

Syntax structure:

$(selector).position()

At the beginning of the tutorial, the reason is to get the offset of the matching element relative to some elements. In many tutorials, the offset returned by a method is not exactly the same as that returned by the parent element. This method will process the Matching Element in absolute positioning mode. Of course, this does not mean that the matching element is set to absolute positioning. The offset reference principles of the method are as follows:

1. If the parent element is not positioned (the position attribute value is relative, absolute, or fixed), the offset reference object is a window.

2. If the parent element adopts positioning, the reference object of the Offset is the element closest to it using positioning,

Instance code: