Protap Chandra
জে’কুয়েরি (jQuery) চেইনিং (Chaining)
jQuery এর সাহায্যে আপনি অ্যাকশন/মেথডকে একত্রে চেইনিং (Chaining) করতে পারবেন।
চেইনিং এর সুবিধা হলো, এর মাধ্যমে একের অধিক jQuery মেথডকে একটিমাত্র এলিমেন্টের ভিতরে রান করানো যায়।
jQuery মেথড চেইনিং
এখন পযর্ন্ত আমরা একসাথে একটি jQuery স্টেটমেন্ট লেখা শিখেছি (একটির পর অন্যটি)।
তবে চেইনিং নামে একটি কৌশল আছে যেটি একই এলিমেন্টের মধ্যে আমাদের একসাথে একের অধিক jQuery কমান্ড রান করার সুযোগ দেয়। একটির পর আরেকটি, তারপর আরেকটি, এভাবে করা সম্ভব।
পরামর্শ: এর সুবিধা হলো, ইন্টারনেট ব্রাউজারকে একই ধরনের এলিমেন্ট একবারের বেশি খুঁজতে হয়না।
একটি action কে “চেইনি” করার জন্য আপনাকে যা করতে হবে তা হলো “পূর্ববর্তী” action এর সাথে “পরবর্তী” action টি জুড়ে দিতে হবে।
নিচের উদাহরণটি css(), slideUp(), এবং slideDown() মেথডগুলোকে একত্রে চেইনিং করে। এখানে “p1” element প্রথমে লালে রুপান্তরিত হয়। এরপর এটি উপরের দিকে স্লাইডিং করে (Slide up), এবং পরে নিচের দিকে স্লাইডিং করে (Slide down)।
উদাহরণ:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
ফলাফল : চেইনিং
আপনি নিজে ইচ্ছা করলে আরো মেথড জুড়ে দিতে পারেন।
পরামর্শ: যখন চেইনিং করা হচ্ছে তখন কোডের লাইনগুলো যথেষ্ট লম্বা হয়ে যেতে পারে। তবে সিনট্যাক্সের ব্যাপারে jQuery অতটা কড়াকড়ি আরোপ করে না। লাইন ব্রেক (linebreak) কিংবা অবচ্ছেদগুলো (indentations) আপনার নিজের খুশিমতো সাজিয়ে নিতে পারেন।
যেমন নিচের কোডটিও সুন্দরভাবে কাজ করবে:
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
ফলাফল : চেইনিং