এট্রিবিউট সিলেক্টর(Attribute Selector): জে-কোয়েরী -(পর্ব-১১)

jQuery এর অন্যতম একটি গুরুত্বপূর্ন বিষয় হল Attribute Selector। কারন আমরা যারা php platform এ কাজ করছি তারা হয়তো লক্ষ্য করেছি যে php তে event(click, change, focus, keypress ইত্যাদি) handle করার তেমন ব্যাবস্তা নেই(ফ্রেমওয়ার্ক ছাড়া)। তাই client site event handling এর জন্য jQuery ব্যবহার করা হয়। যখন আমরা কোণ উপাদানের উপর event handle করবো, তখন আমাদের অবশ্যই এ উপাদানকে detect করতে হবে। আর এই উপাদান(element) detection এর অন্যতম একটি পন্থা হল attribute selector।
CSS Specification এর মাধ্যমে element কে identify করা হয়, তবে এই Specification গুলি অনেক browser support না করলেও, jQuery এর মাধ্যমে ব্যবহার করার ফলে ঐ সমস্ত Specification গুলি browser supported হয়, যা অনেক সময় page styling এর জন্যও ব্যবহৃত হয়ে থাকে।
Selector expression অবশ্যই W3C css standard rule সমর্থন করতে হবে। Single identifier কে অবশ্যই কোটেশন দ্বারা আবদ্য করতে হবে।
নিম্নে কয়েকটি পদ্ধতি দেখানো হল–

  1. single কোটেশন এর মধ্যে double কোটেশন : $('a[rel="nofollow self"]')
  2. double কোটেশন এর মধ্যে single কোটেশন : $("a[rel='nofollow self']")
  3. single কোটেশন এর মধ্যে  single কোটেশন : $('a[rel=\'nofollow self\']')
  4. double কোটেশন এর মধ্যে double কোটেশন : $("a[rel=\"nofollow self\"]")

বিভিন্ন ধরনের attribute selector রয়েছে। যেমন-

  • Attribute Contains Prefix Selector [name|="value"]
  • Attribute Contains Selector [name*="value"]
  • Attribute Contains Word Selector [name~="value"]
  • Attribute Ends With Selector [name$="value"]
  • Attribute Equals Selector [name="value"]
  • Attribute Not Equal Selector [name!="value"]
  • Attribute Starts With Selector [name^="value"]
  • Has Attribute Selector [name]
  • Multiple Attribute Selector [name="value"][name2="value2"]

পরবর্তীতে এধরনের attribute selector নিয়ে বিস্তারিত আলোচনা করা হবে।

………………………………………………………………………………
আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

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

Leave a Comment