কন্টেইন্ডস্ ওয়ার্ড সিলেক্টর(Contains word Selector) : এটি attribute এর value এর মধ্যে নির্দিষ্ট কোন word কে খোঁজ করবে যার পরে অবশ্যই একটি space থাকতে হবে। অর্থাৎ, ঠিক word টিকে খোঁজ করবে।
Contains word selector Syntax : $(‘[A~=”B”]’)
Description :
ঐ সকল element কে select কর যাদের A attribute এর value এর মধ্যে ‘B’ একটি space দ্বারা পৃথক।
Example :
$(‘div[class~=jQuery]’) – যেসকল div এ jQuery class সংযুক্ত করা হয়েছে তাদের সকলকে select করবে।
উদাহরন Code :
[sourcecode language=”html”]
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input name="man-news" />
<input name="man" />
<input name="milk man" />
<input name="letterman2" />
<input name="newmilk" />
<script>
$(‘input[name~="man"]’).val(‘mr. man is in it!’);
</script>
</body>
</html>
[/sourcecode]
ফলাফল(output):
এন্ড সিলেক্টর(End Selector) : এটি attribute এর value শেষে নির্দিষ্ট কোন string কে খোঁজ করবে(case sensitively)। অর্থাৎ, শেষ string টি exactly searching string এর মত হতে হবে।
End selector Syntax : $(‘[A$=”B”]’)
Description :
ঐ সকল element কে select কর যাদের A attribute এর value এর শেষে exactly ‘B’ অছে।
Example :
$(‘a[rel$=low]’) – যেসকল anchor(<a></a>) element এর rel attribute এর শেষ value ‘low’ তাদের সকলকে select করবে।
উদাহরন Code :
[sourcecode language=”html”]
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input name="newsletter" />
<input name="letter" />
<input name="milkman" />
<input name="jobletter" />
<script>
$(‘input[name$="letter"]’).val(‘a letter’);
</script>
</body>
</html>
[/sourcecode]
ফলাফল(output):
………………………………………………………………………………
আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”