জেকুয়েরি ready() মেথড
সংজ্ঞা এবং ব্যবহার
ডকুমেন্ট অবজেক্ট মডেল(DOM) যখন সম্পূর্ণ লোড হয় তখন ready ইভেন্ট ঘটে।
যেহেতু এই ইভেন্ট ডকুমেন্ট লোড হওয়ার পরে ঘটে তাই সকল জেকুয়েরি ইভেন্ট এবং ফাংশনের জন্য ইহা একটি ভালো স্থান।
ready ইভেন্ট ঘটলে কি ঘটবে তা ready() মেথড নির্দেশ করে।
টিপস: ready() মেথডের সাথে একত্রে <body onload=""> ব্যবহার করা উচিত নয়।
সিনট্যাক্স ও ব্যাখ্যা
দুইটি সিনট্যাক্স ব্যবহার করা যেতে পারে:
$(document).ready(function)
ready() মেথড শুধুমাত্র বর্তমান ডকুমেন্টের জন্য ব্যবহার করা যাবে, তাই কোন সিলেক্টরের প্রয়োজন নেই:
$(function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে ready() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | আবশ্যক। ডকুমেন্ট লোড হওয়ার পর যে ফাংশনকে রান হবে সেটিকে নির্দেশ করে। |
ready মেথড সংক্রান্ত উদাহরণ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>এটি একটি প্যারাগ্রাফ</p>
<button>এলিমেন্টের জন্য স্লাইড আপ এবং স্লাইড ডাউন মেথডের মধ্যে টোগল</button>
</body>
</html>
ফলাফল