jQuery عملیاتی CSS - روش offset()

jQuery CSS عملیاتی کیت مرجع

مثال

موقعیت offset فعلی <p> را به دست آورید:

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

آزمایش کنید

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

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

موقعیت offset برمی‌گرداند

موقعیت offset اولین عنصر تطابق یافته را برمی‌گرداند.

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

منطق

$(selector).offset()

آزمایش کنید

offset تنظیم کنید

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

منطق

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

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

ممکنه‌ها:

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

آزمایش کنید

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

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

منطق

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

تابعی را تعریف کنید که موقعیت جدید offset عناصر انتخاب شده را مشخص می‌کند.

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

آزمایش کنید

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

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

jQuery CSS عملیاتی کیت مرجع