美文网首页我爱编程
js | jQuery简单使用

js | jQuery简单使用

作者: 冯文议 | 来源:发表于2018-06-27 19:59 被阅读14次

写在前面的话

有人在群里问 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>

相关文章

网友评论

    本文标题:js | jQuery简单使用

    本文链接:https://www.haomeiwen.com/subject/cqmiyftx.html