如何在 jQuery 中验证位置？

在开发 Web 应用程序时，经常需要检查某个元素的位置和尺寸，以便在屏幕上正确地放置它。在 jQuery 中，我们可以使用一些函数来验证位置、尺寸和相对位置。

1. 检查元素位置和尺寸

使用 $(selector).offset() 函数可以获取元素相对于文档位置的坐标，如下所示：

var offset = $('#myElement').offset();
console.log(offset.left);
console.log(offset.top);

此代码将输出元素 #myElement 的左上角相对于文档左上角的水平和垂直偏移量。

使用 $(selector).position() 函数可以获取元素相对于父元素位置的坐标，如下所示：

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

此代码将输出元素 #myElement 的左上角相对于其父元素的左上角的水平和垂直偏移量。

使用 $(selector).width() 和 $(selector).height() 函数可以获取元素的宽度和高度，如下所示：

var width = $('#myElement').width();
var height = $('#myElement').height();
console.log(width);
console.log(height);

此代码将输出元素 #myElement 的宽度和高度。

2. 检查元素相对位置

使用 $(selector).offsetParent() 函数可以获取元素的相对定位祖先元素，如下所示：

var offsetParent = $('#myElement').offsetParent();
console.log(offsetParent);

此代码将输出相对定位祖先元素。

使用 $(selector).scrollTop() 和 $(selector).scrollLeft() 函数可以获取元素的滚动条垂直和水平偏移量，如下所示：

var scrollTop = $('#myElement').scrollTop();
var scrollLeft = $('#myElement').scrollLeft();
console.log(scrollTop);
console.log(scrollLeft);

此代码将输出元素的滚动条垂直和水平偏移量。

使用 $(selector1).offset().top < $(selector2).offset().top 和 $(selector1).offset().left > $(selector2).offset().left 可以比较两个元素的相对位置，如下所示：

if ($('#myElement1').offset().top < $('#myElement2').offset().top && $('#myElement1').offset().left > $('#myElement2').offset().left) {
  console.log("myElement1 is on the top right of myElement2");
}

此代码将输出 myElement1 is on the top right of myElement2。

以上是在 jQuery 中验证位置的一些常用函数和示例。通过这些函数，您可以获取并验证元素的位置和尺寸，并与其他元素的位置进行比较。