Difference between offset () and position () in Jquery _ jquery

This article mainly introduces the differences between offset () and position () in Jquery. The example analyzes the skills and differences between offset () and position (), which has some reference value, if you need it, you can refer to the example in this article to analyze the difference between offset () and position () in Jquery. Share it with you for your reference. The specific analysis is as follows:

I. offset () in Jquery ()

Obtains the relative offset of the matching element in the current view. Always calculates the position relative to the document, regardless of the parent element or the position attribute of the ancestor element.
The returned object contains two integer attributes: top and left. This method is only valid for visible elements.

For example: