jQuery CSS Operation - روش offset()

دستورالعمل CSS jQuery

مثال

موقعیت حرکت شده عناصر <p> را به دست آورید:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

آزمایش کنید

تعریف و استفاده

مетод offset() یا بازگرداندن و تنظیم حرکت (موقعیت) عنصر تطابق داده شده در برابر مستند.

مختصات حرکت شده را بازمی‌گرداند

مختصات حرکت شده اولین عنصر تطابق داده شده را بازمی‌گرداند.

این روش یک شیء شامل دو ویژگی عددی top و left به صورت پیکسلی بازمی‌گرداند. این روش فقط برای عناصر قابل مشاهده اعمال می‌شود.

قانون‌نویسی

$(selector).offset()

آزمایش کنید

تنظیم offset

تنظیم offset همگانی عناصر تطابق داده شده.

قانون‌نویسی

$(selector).offset(مقدار)
پارامترها توضیح
مقدار

لازم. مختصات top و left را به صورت پیکسلی تعیین می‌کند.

ممکن‌ترین مقادیر:

  • مثال: {top:100,left:0}
  • مجموعه‌ای با ویژگی‌های top و left

آزمایش کنید

با استفاده از تابع برای تنظیم offset

با استفاده از تابع برای تنظیم offset همگانی عناصر تطابق داده شده.

قانون‌نویسی

$(selector).offset(تابع(function(index,oldoffset)))
پارامترها توضیح
تابع(function(index,oldoffset))

تعریف تابعی که مختصات جدید حرکت شده عنصر را بازمی‌گرداند.

  • index - اختیاری. مختصات index انتخابگر را می‌پذیرد
  • oldvalue - اختیاری. مختصات فعلی انتخابگر را می‌پذیرد.

آزمایش کنید

مثال‌های بیشتر

از یک عنصر برای تنظیم offset جدید برای عنصر استفاده کنید.
از مختصات موجود در یک عنصر جدید برای قرارگیری عنصر استفاده کنید.
از موقعیت یک عنصر دیگر برای تنظیم offset جدید برای عنصر استفاده کنید.
از موقعیت موجود یک عنصر برای قرارگیری عنصر استفاده کنید.

دستورالعمل CSS jQuery