কন্টেইন্ডস্ সিলেক্টর (Contains Selector) সিলেক্টর (Prefix Selector)
সিলেক্টর (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):
কন্টেইন্ডস্ সিলেক্টর (Contains Selector)
কন্টেইন্ডস্ সিলেক্টর (Contains Selector) attribute এর value এর মধ্যে নির্দিষ্ট কোন word কে খোঁজ করে, যদি পায় তবে ঐ attribute টিকে select করে। এ ক্ষেত্রে নির্দিষ্ট word টি attribute value এর প্রথম, মাঝে এবং শেষে (substring) যেকোন অবস্থানে হতে পারে।
Contains selector Syntax : $('[A*="B"]')
Description :
ঐ সকল element কে select কর যাদের A attribute এর value এর মধ্যে 'B' আছে ।Example :
$('a[href*=yahoo.com]') - এটি anchor(<a></a>) element এ যাদের href attribute এর value 'yahoo.com' তাদের সকলকে select করবে।উদাহরন Code :
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
<script>$('input[name*="man"]').val('has man in it!');</script>
</body>
</html>ফলাফল(output):
Comments
Post a Comment
Thanks