• jQuery基础:$("selector:animated")


    1、问题描述:在我之前的影像中,我一直认为$("selector:animated")可以获取所有有效果的元素、今天发现这个只能对那些已经绑定animate方法的元素进行筛选、不能对自定义的效果(例如用setInterval实现的)进行筛选。

    2、结果验证:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            div {
                 100px;
                height: 100px;
                margin: 10px;
                border: 1px red solid;
                position: absolute;
                top: 50px;
            }
    
            #box2{
                top: 300px;
            }
        </style>
    </head>
    <body>
        <div id="box1"></div>
        <div id="box2"></div>
        <button id="btn">anniu</button>
    </body>
    <script src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function(){
    
            var index =0;
    
            $("#box1").animate({
                left: "+=400",
            },5000)
    
            setInterval(function(){
                index++;
                $("#box2").css({
                    left: index*20,
                })
            },100)
    
            $("#btn").click(function(){
                $("div:animated").css({
                    "background-color": "red",
                })
            })
        })
    </script>
    </html>
  • 相关阅读:
    【随笔】新博客
    【Linux】grep命令
    【C/C++】C++11 Move, Forward
    【C/C++】C++11 Variadic Templates
    【C/C++】C++11 Lambda
    【Linux】gdb调试
    【C/C++】数组 & 指针
    【PAT】反转链表
    【OS】Process & Thread
    【Python】Scrapy基础
  • 原文地址:https://www.cnblogs.com/gao-xiong/p/5931314.html
Copyright © 2020-2023  润新知