প্রিফিস্ক সিলেক্টর(Prefix Selector)

Prefix selector Syntax : $('[A|="B"]')

Description :

ঐ সকল element কে select কর যাদের A attribute এর value 'B' অথবা 'B-'।

Example :

$('a[lang|=en]') - anchor(<a></a>) element এ যাদের lang = 'en' অথবা lang = 'en-' তাদের সকলকে select কর।

আমরা সবাই HTML এর built-in attribute ব্যবহার করেছি ; built-in attribute বলতে ঐ সকল attribute কে বুঝায় , যে সকল attribute পূর্বে থেকেই define করা। যেমন : href, style, title, type, src, name ইত্যাদি।
অপরদিকে user-define attribute হল, যে সকল attribute user নিজেই তৈরি (define) করে। যেমন: hreflang = "en",hreflang = "en-uk" এবং এই format(attribute = value) এর যে কোন কিছু হতে পারে।
আর jQuery এই user-define attribute সমর্থন করে। prefix selector এর মাধ্যমে user-define attribute এর কৌশলকে কাজে লাগিয়ে যেকোন HTML element কে সহজেই select করা যায়।

উদাহরন Code :

<html>
<head>
  <style>
a { display: inline-block; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
  <a href="example.html" hreflang="en">Some text</a> 

  <a href="example.html" hreflang="en-UK">Some other text</a>

  <a href="example.html" hreflang="english">will not be outlined</a>
  
<script>
$('a[hreflang|="en"]').css('border','3px dotted green');
</script>

</body>
</html>

ফলাফল(output):

Selector Example

<< Previous Next >>

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