কন্টেইন্ডস্ ওয়ার্ড এবং এন্ড সিলেক্টর (Contains word & end Selector)



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

<!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>

ফলাফল(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 :

<!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>

ফলাফল(output):

 

Comments

Popular posts from this blog

HSC all text book Download | এইচএসসি সব পাঠ্য বই ডাউনলোড

একাদশ দ্বাদশ শ্রেণীর বই সমূহ ডাউনলোড – HSC Books Download pdf

আপনি 2022 সালে এই বক্স অফিস হিটগুলির কয়টি দেখেছেন?