জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি [attribute~=value] সিলেক্টর

« জেকুয়েরি সিলেক্টরসমূহ



সংজ্ঞা এবং ব্যবহার

[attribute~=value] সিলেক্টরের মাধ্যমে নির্দিষ্ট এট্রিবিউট এবং এট্রিবিউটের ভ্যালুর মধ্যে নির্দিষ্ট শব্দ যুক্ত এলিমেন্টকে সিলেক্ট করা হয়।

টিপস: স্ট্রিংয়ের মধ্যে খালিজায়গা (whitespace) থাকতে পারে।


সিনট্যাক্স ও ব্যাখ্যা

$("[attribute~='value']")

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে [attribute~=value]সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
attribute আবশ্যক। যেই এট্রিবিউট খুজে বের করা হবে সেটিকে নির্দেশ করে।
value আবশ্যক। এট্রিবিউটের স্ট্রিং ভ্যালুকে নির্দেশ করে।

[attribute~=value] সিলেক্টর সংক্রান্ত উদাহরণ

name এট্রিবিউট এবং ভ্যালু হিসেবে একটি নির্দিষ্ট শব্দ "nation" যুক্ত সকল <input> এলিমেন্ট সিলেক্ট

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("input[name~='nation']").css("background-color", "green");});
</script>
</head>
<body>

<input name="nationality" type="text" value="বাংলাদেশি">
<input name="nation" type="text" value="বাঙ্গালী">
<input name="country" type="text" value="বাংলাদেশ">
<input name="anothernation" type="text" value="ইংরেজ">

<p>এই সিলেক্টরটি ঐসকল ইনপুটকে সিলেক্ট করবে, যাদের name এট্রিবিউটের ভ্যালু নির্দিষ্ট স্ট্রিং 'nation' বহন করে।</p>
<p><b>নোট</b>: এটি শুধুমাত্র ঐসকল ইনপুটকে সিলেক্ট করবে, যাদের name এট্রিবিউটের ভ্যালু নির্দিষ্ট স্ট্রিং 'nation' বহন করে, কিন্তু "nation" দিয়ে শুরু হওয়া কোন ভ্যালুকে সিলেক্ট করবে না এবং শেষ হওয়া ভ্যালুকেও না (যেমন "nationality", "xnationx" অথবা "anothernation")।
</p>
</body>
</html>

ফলাফল




« জেকুয়েরি সিলেক্টরসমূহ