jQuery练习t44

最新推荐文章于 2022-06-22 17:53:51 发布

虾米大王

最新推荐文章于 2022-06-22 17:53:51 发布

阅读量203

点赞数

分类专栏： jQuery JavaScript 文章标签： js jquery

本文链接：https://blog.csdn.net/modern358/article/details/112410647

版权

JavaScript 同时被 2 个专栏收录

329 篇文章 0 订阅

订阅专栏

jQuery

296 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body {
            font-size: 12px;
            text-align: center;
        }
        div,span {
            float: left;
            border: 1px solid #CCCCCC;
            margin: 8px;
            width: 65px;
            height: 65px;
        }
        .getFocus {
            border: 1px solid #666666;
            background-color: #EEEEEE;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(document).ready(function () {
            $("#btn1").click(function () {
                $("span:hidden").show("normal");
                $("div:visible").addClass("getFocus");
            });

            $("#btn2").click(function () {
                $("span:hidden").show().addClass("getFocus");
            });
        });
    </script>
</head>
<body>
    <span style="display: none">hidden</span>
    <div>visible</div>
    <input type="button" value="show" id="btn1">
    <input type="button" value="addclass" id="btn2">
</body>
</html>