Java学习日志18.8.6

最新推荐文章于 2022-04-05 23:16:38 发布

qq_41329519

最新推荐文章于 2022-04-05 23:16:38 发布

阅读量135

点赞数

分类专栏： Java学习日志

本文链接：https://blog.csdn.net/qq_41329519/article/details/81461209

版权

Java学习日志专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Java学习日志18.8.6
- 学习内容及代码

Java学习日志18.8.6

学习内容及代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #tinputValue {
            font-size: 28px;
            color: red;
        }
    </style>
    <script type="text/javascript" src="jquery-3.3.1.js"></script>
    <script type="text/javascript">
        var getValue = function() {
            alert($("#tinput").val());
            $("#tinput").val("abc");
        }

        $(function(){
            $("#img1").attr("src", "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3641343844,2633840803&fm=27&gp=0.jpg");
            $("#hid1").text("My first jQuery App");
            $("#ds").html("<a href='http://www.baidu.com'>www.baidu.com</a>");

            $("#tinput").keyup(function() {
                var rs = $("#tinput").val(); // 原始字符串
                var rss = ""; // 处理完的结果字符串
                for (var i = 1; i <= rs.length; i++) {
                    var r = rs.charAt(i-1);
                    if (i % 4 == 0) {
                        rss += r + "-";
                    } else {
                        rss += r;
                    }
                }

                if (rss.lastIndexOf("-") == rss.length - 1) {
                    rss = rss.substring(0, rss.length - 1);
                }

                $("#tinputValue").html(rss);
                // console.log($("#tinput").val());
            });
        })
    </script>
</head>
<body>
    <img id="img1" width="200px" height="200px" alt="xxx" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1319029591,1885910850&fm=200&gp=0.jpg">
    <h1 id="hid1">我的第一个jQuery应用</h1>
    <div id="ds">
        <span>DIV-SPAN</span>
    </div>
    <input type="text" value="" id="tinput" name="">
    <button onclick="getValue();">获取值</button>
    <div>
        <span id="tinputValue"></span>
    </div>
</body>
</html>`