js | jQuery简单使用

写在前面的话

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

引入

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

简单使用

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

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Index</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容