কন্টেইন্ডস্ ওয়ার্ড এবং এন্ড সিলেক্টর(Contains word & end Selector):জে-কোয়েরী -(পর্ব-১৪)


কন্টেইন্ডস্ ওয়ার্ড সিলেক্টর(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):

Selector Example

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

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

Leave a Comment