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

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


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



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

:animated সিলেক্টরের মাধ্যমে বর্তমানে এনিমেশন চলমান রয়েছে এমন সকল এলিমেন্টকে সিলেক্ট করা হয়।



সিনট্যাক্স

$(":animated")


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

বর্তমানে এনিমেশন চলমান রয়েছে এমন এলিমেন্ট সিলেক্ট

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

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
  <title>জেকুয়েরি :animated সিলেক্টর</title>
  <style>
  div {
    background: yellow;
    border: 1px solid #AAA;
    width: 120px;
    height: 200px;
    margin: 0 15px;
    float: left;
  }
  div.changeColor {
    background: green;
  }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>

  <button>এনিমেশন এলিমেন্টের কালার পরিবর্তন করুন</button>

  <div>প্রথম div এলিমেন্ট</div>
  <div id="animateDiv">দ্বিতীয় div এলিমেন্ট</div>
  <div>তৃতীয় div এলিমেন্ট</div>

  <script>
  $("button").click(function() {
    $("div:animated").toggleClass("changeColor");
  });
 
  function animateDiv() {
    $("#animateDiv").slideToggle("slow", animateDiv);
  }
 
  animateDiv();
  </script>
  
</body>
</html>

ফলাফল





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