Usage of the position () method in jQuery _ jquery

This article mainly introduces the usage of the position () method in jQuery. It analyzes the functions and definitions of the position () method and its usage skills when obtaining the offset of a matching element relative to some elements, for more information about the position () method in jQuery, see the following example. Share it with you for your reference. The specific analysis is as follows:

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:

The Code is as follows:

$ (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.

Instance code:

The Code is as follows:

Position () function-script house