Javascript 如何使用jquery获取图像的位置并将另一个图像放置在该位置上

我想知道我们怎样才能得到一个图像的准确位置，然后把另一个图像放在这个位置上

例外位置为
左上、中上、右上
左中、中、右中
左下、中下、右下

例如，我有一个主图像，现在我把另一个图像放在它的底部中心

---

这在jQuery中可能吗？

用户

.offset（）

方法获取图像的位置。显式使用

.offset（）.top

或

.offset（）.left

获取左上角坐标。使用

.width（）

和

.height（）

获取元素的宽度和高度。做一些高中数学，给你。瞧，你得到了正确的答案。

尝试使用

getBoundingClientRect（）

进行实验

您可以使用返回的变量foo动态设置某物的位置

foo.left, foo.right, etc.

---

请尝试.position（）函数。.position（）方法允许我们检索元素相对于偏移父元素的当前位置

 var div = $( "div ");
 var position = div.position();
 alert("left: " + position.left + ", top: " + position.top);

---

这个很简单。如果编写的代码正确，您的页面将适用于每个浏览器维度。

 var div = $( "div ");
 var position = div.position();
 alert("left: " + position.left + ", top: " + position.top);