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

জেকুয়েরি :button সিলেক্টর


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



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

:button সিলেক্টরের মাধ্যমে type="button" যুক্ত <button> এবং <input> এলিমেন্টকে সিলেক্ট করা হয়।



সিনট্যাক্স

$(":button")


:button সিলেক্টর সংক্রান্ত উদাহরণ

<button> এবং type="button" যুক্ত ইনপুট এলিমেন্ট সিলেক্ট

নিচের উদাহরণে :button সিলেক্টরের ব্যবহার দেখানো হলোঃ

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
  <title>জেকুয়েরি :button সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $(":button").css({
        "background-color": "yellow",
        "border": "4px solid red",
    });
  });
  </script>
</head>
<body>

  <form>
    username/email: <input type="text"><br>
    name: <input type="text"><br>
    Gender:<br>
      Male <input type="radio" name="sex" value="male"><br>
      Female <input type="radio" name="sex" value="female"><br>
    password: <input type="password"><br>
    <input type="checkbox"> I agree with your terms!!<br>
    <button type="submit">Sign Up</button> <input type="button" value="Log In">
  </form>

</body>
</html> 

ফলাফল





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