9.jquery (Chaining)链式操作

来源：互联网发布：python中的caffe包编辑：程序博客网时间：2024/05/17 07:04
<!DOCTYPE html><html>    <!--        链式操作        jquery有一种名叫链接（chaining）的技术，允许在同一个元素上运行多条jquery命令，一条接着一条        这样一来，就不必每次都去查找元素，若果需要链接一个动作，只需要依次追加就可以了    -->    <head>        <meta charset="UTF-8">        <title>jquery (Chaining)链式操作</title>        <script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>        <script type="text/javascript">            $("document").ready(function() {                $("#btn1").click(function() {                    //链式操作，将对一个元素的操作依次写在一个语句里面                    $("#div1").css("background", "red")                        .slideUp(1000)                        .slideDown(1000);                });            });        </script>    </head>    <body>        <h2>把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动</h2>        <div id="div1" style="height: 200px; width: 400px; background: green;">            <p>jQuery乐趣无穷</p>        </div>        <button id="btn1">click</button>    </body></html>
0 0