jQuery练习t72

最新推荐文章于 2024-09-27 15:27:45 发布

虾米大王

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量184

点赞数

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

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

版权

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;
        }
        .clsTip {
            border: 1px solid #CCCCCC;
            background-color: #EEEEEE;
            margin-top: 15px;
            padding: 5px;
            width: 185px;
            display: none;
        }
        .txt {
            border: 1px solid #666666;
            padding: 3px;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
           $(".txt").bind({focus:function () {
                   $("#divTip").show("normal").html("执行focus事件");
               },
           change:function () {
               $("#divTip").show("normal").html("执行change事件");
           }});
        });
    </script>
</head>
<body>
    <div>姓名：<input type="text" class="txt"></div>
    <div id="divTip" class="clsTip"></div>
</body>
</html>