您好,欢迎来到花图问答。
搜索
您的当前位置:首页js | jQuery简单使用

js | jQuery简单使用

来源:花图问答

写在前面的话

有人在群里问 js 的使用问题,就写了一个例子,顺便坐下记录。

引入

引入 jQuery 测试代码 引入测试效果

简单使用

点击获取 input 输入的内容 效果

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Index</title>
    <script 
</head>
<body>

    <input id="username">

    <button id="submit">提交</button>

    <script>
        $(function() {
            // tip()
            $('#submit').on('click', function() {
                getUsername()
            })
        })

        function tip() {
            const msg = 123
            alert(msg)
        }
        function getUsername() {
            let username = $('#username').val()
            alert(username)
        }
    </script>
</body>
</html>

Copyright © 2019- huatuowenda.com 版权所有 湘ICP备2023022495号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务