jQuery - 操作deno元素

最新推荐文章于 2024-05-15 10:37:13 发布

一纸流年

最新推荐文章于 2024-05-15 10:37:13 发布

阅读量158

点赞数

本文链接：https://blog.csdn.net/m0_37109682/article/details/80650234

版权

<!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>

一纸流年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery - 操作deno元素

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script type="text/javascript&quot
复制链接

扫一扫