ক্লাস এবং আইডি সিলেক্টর (Class & ID Selector):

একই class যুক্ত html element কে খুজেঁ বের করার জন্য class selector ব্যবহার করা হয়। ধরুন অপনি চাচ্ছেন .square class যুক্ত যেসকল html element আছে তাদেরকে click করলে কোন message দেখাবেন অথবা শর্ত-সাপেক্ষে ঐ class যুক্ত element এ নতুন কোন content যুক্ত করবেন, এ ক্ষেত্রে আপনি .square class কে reference হিসেবে ব্যবহার করতে পারেন।
অপরদিকে নির্দিষ্ট কোণ html element এর উপর কোণ action সম্পন্ন করতে চাইলে, সেক্ষেত্রে ID ব্যবহার করা হয়। কারন, একই ID একাধিক html element এ থাকবেনা।

Class Syntax : $('.classid')

.classid = ইহা document এর মধ্যের কোণ Class Id(This is class ID available in the document)।

Example :

1. $('.big') – যে সকল উপাদানের class ID big তাদেরকে select করবে।
2. $('p.small') - যে সকল paragraph এর class ID small তাদেরকে select করবে।
3. $('.big.small') - যে সকল উপাদানের class big এবং small তাদেরকে select করবে।

উদাহরন Code :

  
  


  
div class="notMe"

  
div class="myClass"
  span class="myClass"




]]>

ফলাফল(output):

ID Syntax : $('#elementid')

#elementid = ইহা document এর মধ্যের কোণ উপাদানের Id(Specifies the id of the element to select)। যদি ID কোণ special character ধারন করে, তবে তার সামনে backslashes দিতে হবে। যেমন: যদি id="myID.entry[1]" হয়, তার জন্য jQuery code হবে $("#myID\\.entry\\[1\\]")।

Example :

1. $('#myid') – একটি single উপাদান select করবে যার id myid.
2. $('div#yourid') - একটি single division select করবে যার id yourid.

উদাহরন Code :

  
  


  
id="notMe"

  
id="myDiv"




]]>

ফলাফল(output):

লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।