jQuery - 操作deno元素 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        $(document).ready(
            function () {
                //1.根据ID得到一个jQuery对象
                var $jqDiv = $("#divDemo");

                //2.动态设置div的样式
                //                $jqDiv.css("border","1px solid #0094ff")
                //                      .css("width","300px")
                //                      .css("height","100px");

                //3.一性设置多个样式
                //对象的自变量表示法，Json对象
                var cssObj = {
                    "border": "1px solid #00994ff",
                    "width": "300px",
                    "height": "100px"
                };
                $jqDiv.css(cssObj);
                //4.设置dom元素的动画
                //创建一个按钮
                $("<input type='button' value = '动画' />").insertAfter($jqDiv)
                    .click(function () {
                        $jqDiv.slideUp(3000); //将这个div慢慢的收起来；
                    });
            }
        );
    </script>
</head>

<body>
    <div id="divDemo">hello jquery</div>
</body>

</html>

 

posted @ 2018-03-02 08:55  一纸流年  阅读(209)  评论(0)    收藏  举报