jQuery CSS العمل - نهج offset()

دليل العمل بالCSS لـ jQuery

مثال

الحصول علىordinates الحالية للعنصر <p>:

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

جربها بنفسك

التعريف والاستخدام

يستخدم نهج offset() لتحديد أو تعيينordinates (الموقع) للعنصر المدخل.

يعود بالنسبة لordinates

يعود بالنسبة للعنصر الأول المدخل.

يحتوي الكائن الذي يعود به هذا النهج على خاصيتين كاملة من النوع العددين: top وleft، مقاسها البكسل. هذا النهج يعمل فقط على العناصر المرئية.

النحو

$(selector).offset()

جربها بنفسك

ضبطordinates

ضبطordinates لجميع العناصر المدخلة.

النحو

$(selector).offset(value)
المتغيرات الوصف
value

مطلوب. يحددordinates العليا واليسرى بالبكسل.

القيم الممكنة:

  • مثل قيمة، على سبيل المثال {top:100,left:0}
  • الكائن الذي يحتوي على خصائص top وleft

جربها بنفسك

استخدام الدالة لضبطordinates

استخدام الدالة لضبطordinates الجديدة لجميع العناصر المدخلة.

النحو

$(selector).offset(دالة(function(index,oldoffset)))
المتغيرات الوصف
دالة(function(index,oldoffset))

تحديد دالة تعينordinates الجديدة للعنصر المحدد.

  • index - اختياري. يقبل موقع index للمزود
  • oldvalue - اختياري. يقبلordinates الحالية للمزود.

جربها بنفسك

مزيد من الأمثلة

استخدام الكائن لضبط قيمة offset الجديدة للكائن.
استخدام إحداثيات الكائن الجديد للعثور على العنصر.
استخدام موقع عنصر آخر لضبط قيمة offset الجديدة للعنصر.
استخدام موقع الكائن الحالي للعثور على العنصر.

دليل العمل بالCSS لـ jQuery