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

জেকুয়েরি [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>

ফলাফল





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