jQuery CSS 操作 - offset() পদ্ধতি

উদাহরণ

সম্ভাব্যতা

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

আপনার হাতে চলাই

পরিভাষা ও ব্যবহার

offset() পদ্ধতি এলিমেন্টকে ডকুমেন্টের প্রতি অবস্থান (স্থান) নির্ধারণ করে ফিরিয়ে দেয় বা সংযোজন করে

অবস্থান কোণা ফিরিয়ে দেয়

প্রথম ম্যাচ করা এলিমেন্টের অবস্থান কোণা ফিরিয়ে দেয়

এই পদ্ধতির ফলাফল হলো একটি অবজেক্ট যা দুটি পূর্ণসংখ্যা গুণগত বৈশিষ্ট্য সহ আছে: top এবং left, পিক্সেলে।এই পদ্ধতি শুধুমাত্র দৃশ্যমান এলিমেন্টের জন্য কার্যকর

গঠন

$(selector).offset()

আপনার হাতে চলাই

অবস্থান সংযোজন করুন

সব ম্যাচ করা এলিমেন্টের অবস্থান সংযোজন করুন

গঠন

$(selector).offset(value)
পারামিটার বর্ণনা
value

অপরিহার্য।পিক্সেলে একটি top এবং left কোণা নির্ধারণ করুন

সম্ভাব্য মান

  • মান, যেমন {top:100,left:0}
  • top এবং left এসব গুণগত বৈশিষ্ট্য সহ একটি বস্তু

আপনার হাতে চলাই

ফাংশন ব্যবহার করে অবস্থান সংযোজন করুন

ফাংশন ব্যবহার করে সব ম্যাচ করা এলিমেন্টের অবস্থান সংযোজন করুন

গঠন

$(selector).offset(function(index,oldoffset))
পারামিটার বর্ণনা
function(index,oldoffset)

নতুন বানানো এলিমেন্টের নতুন কোণাটি ফিরিয়ে দেওয়ার ফাংশন

  • index - অপশনাল।সিলেক্টরের index স্থান গ্রহণ করে
  • oldvalue - অপশনাল।বর্তমান সিলেক্টরের বর্তমান কোণাটি গ্রহণ করে

আপনার হাতে চলাই

আরও সম্ভাব্যতা

একটি বস্তুর কোণাগুলি ব্যবহার করে এলিমেন্টকে নতুন অবস্থান সংযোজন করুন
নতুন বস্তুর কোণাগুলি ব্যবহার করে এলিমেন্টকে স্থান নির্ধারণ করুন
অন্য একটি বস্তুর অবস্থান ব্যবহার করে এলিমেন্টকে নতুন অবস্থান সংযোজন করুন
সহজভাবে স্থান পাওয়ার জন্য বর্তমান বস্তুর অবস্থান ব্যবহার করুন。