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

Selector Example

<< Previous Next >>

লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.