jQuery——链式操作

链式操作，即连续操作。

 

例如：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script>
        $(document).ready(function(){

            $("button").click(function(){

                $("#p1").css("color","red").slideUp(2000).slideDown(2000);

            });

        });
    </script>
</head>

<body>

<p id="p1">Hello jQuery</p>
<button>点我</button>

</body>
</html>

　　

效果：

 

 

 

 

 

posted @ 2021-09-29 17:04  映辉  阅读(186)  评论(0)    收藏  举报