প্রিফিস্ক সিলেক্টর(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 :

[sourcecode language=”html”]
<!DOCTYPE html>
<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>
[/sourcecode]

ফলাফল(output):

Selector Example

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

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

Leave a Comment