jquery+查询元素位置

用jquery查询元素位置是我们经常需要用到的操作，通过这个操作，我们可以很容易地获取到元素相对于文档的坐标位置。在jquery中，我们可以使用offset方法和position方法来实现这个功能。 1. 使用offset方法查询元素位置 使用offset方法可以获取元素相对于文档的坐标位置，代码如下：

 $('selector').offset(); 

其中，selector表示需要查询的元素的选择器。该方法返回一个对象，包含两个属性：top和left。top表示元素顶部相对于文档顶部的距离，left表示元素左边缘相对于文档左侧的距离。 例如，在我们的页面中有一个id为box的

元素，我们可以通过以下代码获取到它的坐标位置：

 var position = $('#box').offset();
console.log(position.top, position.left); 

2. 使用position方法查询元素位置 使用position方法可以获取元素相对于其父元素的坐标位置，代码如下：

 $('selector').position(); 

其中，selector表示需要查询的元素的选择器。该方法同样返回一个包含top和left属性的对象，分别表示元素顶部和左侧相对于其父元素的距离。 例如，假设我们的页面中有一个id为parent的

元素，其中包含一个id为child的子元素，我们可以通过以下代码获取到它的坐标位置：

 var position = $('#child').position();
console.log(position.top, position.left); 

总结 使用jquery查询元素位置是非常常见的操作，我们可以通过offset方法和position方法来实现。其中，offset方法可以获取元素相对于文档的坐标位置，而position方法则可以获取元素相对于其父元素的坐标位置。在实际开发中，我们需要根据具体需求选择使用哪种方法来查询元素的位置。

查看更多关于jquery+查询元素位置的详细内容...