javascript - $(this).position 和 getBoundingClientRect() 之间的区别

Question

jQuery 提供了 position 函数，它有 top 和 left 值。普通 javascript 都有 getBoundingClientRect()

我不知道它们之间的区别。
当我检查时，这是值(value)差异。

getBoundingClientRect()

如何将 jQuery 的 position 转换为 getBoundingClientRect。
如您所见，x 是 236，但 left 是 200。

Answer 1

jQuery .position()获取相对于父级的位置。来自文档:获取匹配元素集中第一个元素的当前坐标，相对于偏移父元素。

getBoundingClientRect - 相对于窗口。来自文档:Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口(viewport)的位置。

此处找到的解决方案:Element's coordinates relative to its parent