জেকুয়েরি [attribute^=value] সিলেক্টর
সংজ্ঞা এবং ব্যবহার
[attribute^=value] সিলেক্টরের মাধ্যমে একটি নির্দিষ্ট এট্রিবিউটের ভ্যালু কোন একটি নির্দিষ্ট ভ্যালু দিয়ে শুরু হওয়ার উপর ভিত্তিতে এলিমেন্টকে সিলেক্ট করে।
সিনট্যাক্স
$("[attribute^='value']")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে [attribute^=value] সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| attribute | আবশ্যক। যেই এট্রিবিউট খুজে বের করা হবে সেটিকে নির্দেশ করে। |
| value | আবশ্যক। এট্রিবিউটের স্ট্রিং ভ্যালুকে নির্দেশ করে। |
[attribute^=value] সিলেক্টর সংক্রান্ত উদাহরণ
যেইসকল এলিমেন্টের name এট্রিবিউটের ভ্যালু "nation" দিয়ে শুরু হয়, ঐসকল এলিমেন্টকে সিলেক্ট:
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি [attribute^=value] সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p[title^='Academy']").css({
"background-color": "yellow",
"color": "red",
});
});
</script>
</head>
<body>
<p title="Satt Academy">স্যাট একাডেমী</p>
<p title="Academy Satt">স্যাট একাডেমী</p>
<p title="Satt Academy">স্যাট একাডেমী</p>
<p title="Academy Satt">স্যাট একাডেমী</p>
</body>
</html>
এই সিলেক্টরটি ঐসকল <p> সিলেক্ট করবে, যাদের title এট্রিবিউটের ভ্যালু 'Academy' দিয়ে শুরু হয়।
ফলাফল