জেকুয়েরি [attribute~=value] সিলেক্টর
সংজ্ঞা এবং ব্যবহার
[attribute~=value] সিলেক্টরের মাধ্যমে নির্দিষ্ট এট্রিবিউট এবং এট্রিবিউটের ভ্যালুর মধ্যে নির্দিষ্ট শব্দ যুক্ত এলিমেন্টকে সিলেক্ট করা হয়।
পরামর্শঃ স্ট্রিংয়ের মধ্যে খালিজায়গা (whitespace) থাকতে পারে।
সিনট্যাক্স
$("[attribute~='value']")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে [attribute~=value] সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| attribute | আবশ্যক। যেই এট্রিবিউট খুজে বের করা হবে সেটিকে নির্দেশ করে। |
| value | আবশ্যক। এট্রিবিউটের স্ট্রিং ভ্যালুকে নির্দেশ করে। |
[attribute~=value] সিলেক্টর সংক্রান্ত উদাহরণ
type এট্রিবিউট এবং ভ্যালু হিসেবে একটি নির্দিষ্ট শব্দ "password" যুক্ত সকল <input> এলিমেন্ট সিলেক্ট
নিচের উদাহরণে [attribute~=value] সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!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(){
$("input[type~='password']").css({
"background-color": "yellow",
"color": "red",
});
});
</script>
</head>
<body>
Name: <input type="text" placeholder="Write your name.."><br>
Username/Email: <input type="text" placeholder="Write a username or email.."><br>
Birthdate: <input type="date" placeholder="Write your birthdate.."><br>
Password: <input type="password" placeholder="Enter your password.."><br>
Re-type password: <input type="password" placeholder="Enter your password again..">
</body>
</html>
ফলাফল