জেকুয়েরির সিনট্যাক্স

0
42
jquery
jquery

জেকুয়েরির মাধ্যমে এইচটিএমএল এলিমেন্টকে সিলেক্ট করে ঐ এলিমেন্টকে নিয়ে বিভিন্ন কার্য সম্পাদন করা যায়।


জেকুয়েরি সিনট্যাক্স

জেকুয়েরি সিনট্যাক্সের প্রধান বৈশিষ্ট্য হলো এইচটিএমএল এলিমেন্টকে নির্বাচন করা এবং নির্বাচিত এলিমেন্টকে নিয়ে বিভিন্ন কার্য সম্পাদন করা।

জেকুয়েরির মৌলিক সিনট্যাক্স হলো: $(selector).action()

  • $ চিহ্নের মাধ্যমে জেকুয়েরিকে বুঝায় কেননা জেকুয়েরির সংক্ষিপ্ত রুপ হচ্ছে $ এবং যেকোনো এলিমেন্টকে নির্বাচন করার জন্য এর আগে $ চিহ্ন ব্যবহার করতে হবে।
  • (selector) দ্বারা এইচটিএমএল ডকুমেন্টের ঐ এলিমেন্টকে বুঝায় জেকুয়েরি যাকে খুজে বের করে।
  • action() দ্বারা বিভিন্ন মেথডকে বুঝায়। যার মাধ্যমে বিভিন্ন কার্য সম্পাদন করা হয়।

উদাহরণ:

$(this).hide() – মেথডের মাধ্যমে বর্তমান এলিমেন্টকে হাইড করা যায়।

$(“p”).hide() – মেথডের মাধ্যমে সকল <p> এলিমেন্টকে হাইড করা যায়।

$(“.test”).hide() – মেথডের মাধ্যমে class="test" সম্বলিত সকল এলিমেন্টকে হাইড করা যায়।

$(“#test”).hide() – মেথডের মাধ্যমে id="test" সম্বলিত এলিমেন্টকে হাইড করা যায়।

Note আপনি কি সিএসএস সিলেক্টরের সাথে পরিচিত?

জেকুয়েরি সাধারণত সিএসএস সিলেক্টেরের সিনট্যাক্স ব্যবহার করে। পরবর্তী অধ্যায়ে সিলেক্টর সিনট্যাক্স সম্পর্কে আরোও অনেক কিছু জানতে পারবেন।


$(document).ready() ইভেন্ট মেথড

আপনি ইতিমধ্যেই অনেকগুলো উদাহরণ দেখেছেন, এর সবগুলোতেই $(document).ready() মেথডটি ছিল এবং জেকুয়েরি এর অন্যান্য সকল মেথডই এর মধ্যে ছিল:

$(document).ready(function(){

// জেকুয়েরির মেথডগুলো এখানে লিখতে হবে…

});

$(document).ready() মেথডটি ব্যবহারের মূল উদ্দেশ্য হচ্ছে কোনো ডকুমেন্ট সম্পূর্ণভাবে লোড না হওয়া পর্যন্ত এর মধ্যে লিখিত কোডগুলোকে সম্পাদন হওয়া থেকে বিরত করা।

কোনো ডকুমেন্ট সম্পূর্ণভাবে প্রস্তুত/লোড না হওয়া পর্যন্ত এটির বিভিন্ন কার্য সম্পাদনের জন্য অপেক্ষা করাটাই বরং ভাল। এর মাধ্যমে আপনি ইচ্ছা করলে জাভাস্ক্রিপ্ট কোডও লিখতে পারবেন। এক্ষেত্রে উক্ত কোডগুলো এইচটিএমএল হেড সেকশনে লিখতে হয়।

ডকুমেন্ট সম্পূর্ণ লোড না হলে কিছু কিছু ক্ষেত্রে কাজ ঠিকমত সম্পন্ন হয় না। নিচে এ সংক্রান্ত কিছু উদাহরন দেওয়া হলো:

  • ডকুমেন্ট সম্পূর্ণ লোড না হলে কোনো এলিমেন্টকে হাইড করা যায় না ।
  • ডকুমেন্ট সম্পূর্ণ লোড না হলে কোনো ইমেজের সাইজ পাওয়া যায় না।

টিপস: জেকুয়েরি ডেভেলপাররা $(document).ready() মেথডের পরিবর্তে আরোও সংক্ষিপ্ত একটি মেথড তৈরি করেছে:

$(function(){

// জেকুয়েরি মেথডগুলো এখানে লিখতে হবে…

});

আপনি আপনার ইচ্ছামত যেকোনো একটি সিনট্যাক্স ব্যবহার করতে পারেন। কিন্তু আমরা মনে করি $(document).ready() মেথডটি জেকুয়েরি কোড পড়া এবং বুঝার জন্য খুবই ভালো।

LEAVE A REPLY

Please enter your comment!
Please enter your name here