স্টার্ট ওয়িথ এবং হ্যাজ সিলেক্টর (start with & has selector)



স্টার্ট ওয়িথ এবং হ্যাজ সিলেক্টর (start with & has selector)



 
স্টার্ট ওয়িথ সিলেক্টর (start with selector) : যেসকল উপাদানের attribute এর value searching value দ্বরা শুরু হয়েছে তাদেরকে select করবে। অর্থাৎ, এটি attribute এর value এর প্রথম অংশের দিকে নজর রাখে। এক্ষেত্রে প্রথম অংশের পরে space থাকা বাঞ্চনিয় নয়।

start with selector Syntax : $('[A^="B"]')

Description :

ঐ সকল element কে select কর যাদের A attribute এর value 'B' দ্বারা শুরু হয়েছে।

Example :

$('a[rel^=nof]') - এটি যেসকল anchor (<a></a>) element এর rel attribute এর value 'nof' দ্বারা শুরু হয়েছে তাদের সকলকে select করবে। 

উদাহরন Code :

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input name="newsletter" />

<input name="milkman" />
<input name="newsboy" />
<script>
$('input[name^="news"]').val('news here!');
</script>

</body>
</html>

ফলাফল(output):

 

হ্যাজ সিলেক্টর(Has selector) : যেসকল উপাদানের এর searching attribute টি রয়েছে তাদেরকে select করবে। শুধু মাত্র এ selector টি ই attribute এর value এর উপর নির্ভিরশীল নয়, attribute এর উপর নির্ভিরশীল।

Has Selector Syntax : $('[A]')

Description :

ঐ সকল element কে select কর যাদের A নামক attribute আছে।

Example :

$('a[rel]') - এটি যে সকল anchor(<a></a>) element এর 'rel' attribute আছে তাদের সকলকে select করবে। 

উদাহরন Code :

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>no id</div>
<div id="hey">with id</div>

<div id="there">has an id</div>
<div>nope</div>
<script>
$('div[id]').one('click', function(){
var idString = $(this).text() + ' = ' + $(this).attr('id');
$(this).text(idString);
});
</script>

</body>
</html>

 


Comments

Popular posts from this blog

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

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

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