Jquery uses the offset () method to obtain the xy coordinate of the element, jqueryxy

Jquery uses the offset () method to obtain the xy coordinate of the element, jqueryxy

Obtain the absolute X and Y coordinates of an element on the page. You can use the offset () method: (set the body property to margin: 0; padding: 0 ;)

Var X = $ ('# divid '). offset (). top; var Y = $ ('# divid '). offset (). left; returns the relative (parent element) position: var X = $ ('# DivID '). position (). top; var Y = $ ('# divid '). position (). left;

Find the absolute position of elements in jquery

It is difficult to determine the cause. There are many reasons for this method to locate errors. The specific css and html writing methods should be considered. Sometimes some nonstandard writing methods may cause inaccurate positioning data of jQuery.

You are advised to change the mode. For example, place a <th> </th> column in each <tr>, followed by <td>, and put your red box in <th>, in this way, the computing workload is much smaller and the display speed is faster.

How does jquery obtain the coordinates of the parent element at the current mouse position instead of the browser

Jq only obtains

$ (This). offset (). left () forgot to use parentheses.
$ (This). offset (). top ()

Set the position of the parent element to relative or absolute position relative to the parent element.
Then document. getElementById ("dddd"). offsetTop
Document. getElementById ("dddd"). offsetLeft
That's what you want.