02jquery01-02解决之前js的问题

最新推荐文章于 2024-04-15 17:38:04 发布

python基础教程

最新推荐文章于 2024-04-15 17:38:04 发布

阅读量432

点赞数

分类专栏： 02jquery

本文链接：https://blog.csdn.net/stopcpp/article/details/52995838

版权

02jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.2jquery解决问题

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Jquery解决问题</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div {
            height: 200px;
            background-color: pink;
            margin-bottom: 10px;
            display: none;
        }
    </style>
    <script src="jquery-1.11.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#btn").click(function () {
                $("div").show(1000).html("我是内容");
            });
        });
//        $(document).ready(function () {
//            alert(11111);
//        });
    </script>
</head>
<body>
<button id="btn">按钮</button>
<div></div>
<div></div>
<div></div>
</body>
</html>