자바스크립트

Part 01. 부록02- jQuery 21. 02. 19.

Levinni 2021. 2. 20. 12:32

jquery download 가서 1.12.4 옛 버전으로 링크 가져 옴.

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>Page Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <style>
        .box1 {width: 50px; height: 50px; background: #09f; display: inline-block; margin: 20px;}
    </style>
    <script>
        // alert($ == jQuery);
        $(function() {
            $("button").click(function() {
                $(".box1").animate({
                    marginTop : "+=50px"
                }, 2000)
            });
        });
    </script>
</head>
<body>
    <button>click me!</button>
    <hr>
    <div class="box1"></div>
    <div class="box1"></div>
    <div class="box1"></div>
    <div class="box1"></div>
    <div class="box1"></div>
    <div class="box1"></div>
</body>
</html>

 

 

저작자표시 (새창열림)