জেকুয়েরি :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>
ফলাফল