jQuery练习t68

最新推荐文章于 2024-05-22 20:30:11 发布

虾米大王

最新推荐文章于 2024-05-22 20:30:11 发布

阅读量159

点赞数

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

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

版权

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: 13px;
        }
        .clsShow {
            border: 1px solid #CCCCCC;
            background-color: #EEEEEE;
            margin-top: 15px;
            padding: 5px;
            width: 220px;
            line-height: 1.8em;
            display: none;
        }
        .btn {
            border: 1px solid #666666;
            padding: 2px;
            width: 50px;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
            var intI = 0;
            $("body,div,#btnShow").click(function () {
                intI++;
                $(".clsShow").show("normal")
                    .html("你好，欢迎来到JQuery的世界！")
                    .append("<div>执行次数<b>"+ intI +"</b></div>");

            });
        });
    </script>
</head>
<body>
    <div>
        <input type="button" id="btnShow" class="btn" value="点击">
    </div>
    <div class="clsShow"></div>
</body>
</html>

虾米大王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery练习t68

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body { font-size: 13px; } .clsShow { border: .
复制链接

扫一扫