JavaScript

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

<script src="/mybook/resource/jQuery-2.1.4.min.js"></script>
    <script>
    $('#loginBtn').on("click",function(){
        var userName=$('#userName').val()
        var password=$('#password').val()
        alert(userName+password)
    })
    </script>

运行结果及报错内容

点击按钮没有反应

我的解答思路和尝试过的方法

引用了库文件
顺序也没有错误

我想要达到的结果

希望能达到点击按钮能出发事件的效果（账户和密码匹配先不考虑）

先简单下jq库引入成功没

你虽然使用jquery，但是没有正确的使用，你应该将你的jquery代码放到这里

$(document).ready(function(){
 
   // 开始写 jQuery 代码...
$('#loginBtn').on("click",function(){
        var userName=$('#userName').val()
        var password=$('#password').val()
        alert(userName+password)
    })
 
});

总觉得你的jquery没有引进来。
把

<script src="/mybook/resource/jQuery-2.1.4.min.js"></script>

换成线上版本试一试

<script src="http://code.jquery.com/jquery-latest.js"></script>