জেকুয়েরি offsetParent() মেথড
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
offsetParent() মেথড নির্বাচিত এলিমেন্টের প্রথম প্যারেন্ট এলিমেন্টকে রিটার্ন করে।
টিপসঃ একটি এলিমেন্টের অবস্থান জেকুয়েরি অথবা সিএসএস পজিশন প্রোপার্টির মাধ্যমে নির্ধারন করা যায় (relative, absolute, অথবা fixed)।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).offsetParent()
offsetParent()মেথড সংক্রান্ত উদাহরণ
<p> এলিমেন্টের সবচেয়ে কাছে অবস্থিত প্যারেন্ট এলিমেন্টের ব্যাকগ্রাউন্ড কালার সেটঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").offsetParent().css("background-color", "red");
});
});
</script>
</head>
<body>
<button>ব্যাকগ্রাউন্ড কালার সেট করুন</button>
<div style="border:1px solid black;width:70%;position:absolute;left:10px;top:50px">
<div style="border:1px solid black;margin:50px;background-color:yellow">
<p>এই প্যারাগ্রাফটির সবচেয়ে কাছের প্যারেন্ট এলিমেন্টের ব্যাকগ্রাউন্ড কালার সেট করার জন্য বাটনে ক্লিক করুন। </p>
</div></div>
</body>
</html>
ফলাফল
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ