jQuery |带示例的动画选择器

动画是 jQuery 中的一个内置选择器，用于选择当前动画的元素。

句法：

$(:animated)

返回值：此选择器返回当前动画的元素。

下面的示例说明了 jQuery 中的动画选择器：

例子：

    
        
        
          
        
        
            $(document).ready(function() {
                function aniDiv() {
                    $("#d3").animate({
                        height: "50%"
                    }, "slow");
                    $("#d3").animate({
                        height: "90%"
                    }, "slow", aniDiv);
                }
                aniDiv();
                $("#d3").click(function() {
                    $(":animated").css("background-color", "green");
                });
            });
        
        
            #d1, #d2, #d3 {
                padding: 10px;
            }
            #d1 {
                width: 100px;
                float: right;
                background: lightblue;
                margin-right: 80px;
                margin-left: 120px;
            }
            #d2 {
                width: 100px;
                float: right;
                margin-right: 100px;
                background: yellow;
            }
            #d3 {
                width: 100px;
                background: red;
            }
        
    
    
        
            
            This is 3.
            This is 2.
            This is 1.
        
    
                    

输出：
在点击 div 元素（红色）之前：

单击 div 元素后，div 的颜色会发生变化：