জে-কোয়েরী সিলেক্টর সমূহ (jQuery Selectors): জে-কোয়েরী -(পর্ব-৭)

jQuery সিলেক্টর দ্বারা এইচটিএমএল এলিমেন্ট কে গ্রুপ হিসাবে অথবা একটি একক উপাদান হিসাবে নির্বাচন করার পর, তা manipulate করা যায়। সিলেক্টর দ্বারা পছন্দ অনুযায়ী HTML document থেকে element/attribute কে ধরা(grub) যায়।jQuery বিদ্যমান(existing) সিএসএস Selectors সমর্থন করে, এবং এ ছাড়াও, এর কিছু নিজস্ব selectors রয়েছে। সব ধরনের jQuery সিলেক্টর dollar sign and parentheses: $() এর মাধ্যমে শুরু।

নিচের চিত্রটি দেখুন CSS সিলেক্টর এর মাধ্যমে jQuery কিভাবে HTML element কে detect করছে :-

CSS Selector Example

বিভিন্ন ধরণের সিলেক্টর আছে যেমন :

  1. Attribute সিলেক্টর : [attribute|=value], [attribute*=value], [attribute~=value] ইত্যাদি।
  2. Basic সিলেক্টর : *, . class, #id, element ইত্যাদি।
  3. Basic filter সিলেক্টর : :animated, :eq(index), :even, :first, :gt(index) ইত্যাদি।
  4. Child filter সিলেক্টর : :first-child, :last-child, :nth-child(index/even/odd/equation) ইত্যাদি।
  5. Content filter সিলেক্টর : :contains(text), :empty, :has(selector) ইত্যাদি।
  6. Form সিলেক্টর : :button, :checkbox, :checked, :disabled ইত্যাদি।
  7. Hierarchy সিলেক্টর : ‘parent > child’, ‘ancestor descendant’, ‘prev + next’ ইত্যাদি।
  8. Visibility filter সিলেক্টর : :hidden, : visible ।

………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করছি। সকলের জন্য শুভকামনা রইল।

জে-কোয়েরি ধারাবাহিক টিউটোরিয়ালঃ

Leave a Comment