Javascript 未调用Jquery函数

所以我有一个登录页面，有一个表单，我想做的是当用户输入他们的用户名和密码时，它在一个对象中检查它（我应该在后端执行，但请留在这里），但是jquery函数不起作用。这是代码

    <div class="login">
    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="ID" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <button id="but" type="submit" class="btn btn-primary btn-block btn-large">Enter Workspace</button>
    </form>
</div>
    <script>
        $('#but').click(function() { 
            alert("lol");   
        });
    </script>

登录
进入工作区
$（'#but'）。单击（函数（）{
警报（“lol”）；
});

---

为了让jquery函数工作，我需要修复什么？

在脚本中添加jquery。您也可以在

$（document）.ready（）

或

$（function（）{}）

中编写jquery函数，但只要您在脚本试图访问的元素之后编写脚本，就可以选择编写jquery函数

登录
进入工作区
$（函数（）{
$（'#but'）。单击（函数（）{
警报（“lol”）；
});
})

你说的“它在对象中检查它”是什么意思？您想在用户单击按钮时获取用户名和密码吗？如果是这样的话，你可以这样做：

$('#but').click(function() { 
   var username=$('input[name=u]').val();
   var password = $('input[name=p]').val();
   // Do checks with the values here e.g send to server for validation
 });

---

函数以什么方式不起作用？我看不出

单击处理程序
你不一定想在那里调用
.val（）
吗？谢谢你指出@aroth-只是忘了把它们放在inNo-probles@J.doe-下次试着在你的问题上多花点时间-只是一个提示=）@J.doe为什么。我的解决方案认真地回答了你的问题吗？投反对票，请解释一下原因。这是OP所要求的，并不是说他找不到获得价值的方法。他无法运行jquery函数如果
是
的
最后一个孩子（就在关闭body标签（
）之前），为什么会失败？@Rayon我没有告诉过它会失败，我告诉过为了让jquery函数运行，在脚本中包含jquery并在document.ready（）中编写jquery函数@ShubhamKhatri–我已经为quit编写了很长一段时间了，我从来没有在我的代码中使用过
document.ready（）
，它从来没有困扰过我。。那么重点是什么呢？顺便说一下，按下
按钮的不是我。。