jQuery中button标签无法识别

    <script type="text/javascript"
        src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script    >
<script type="text/javascript">
    $(function() {
            //1．对所有text框和password框，添加离焦事件，校验输入内容不能为空
        $(":text, :password").blur(function() {
            var _var = $(this).val();
            if (_var == null || _var.trim().length <= 0) {
                alert("请输入用户名或密码")
            }
        })
    })
    //2．对button 添加 点击事件，提交form表单
    $(":button)").click(function() {
        $("form").submit();
    })

</script>
</head>
<body>
    <form action="login">
        用户名 <input type="text" name="username" /> <br /> 密码 <input
            type="password" name="password" /> <br /> <input type="button"
            value="提交" />
    </form>
</body>
</html>

对button添加单击提交属性.
但在页面里无法实现效果,控制台提示
图片说明

刚学习jQuery,请教各位老师

button前面多了一个冒号。或者你想用点号？

 $(":button)").click(function() {

你不但前面多了冒号，后面还多了问号

最好你加上一个name id

 <input type="button" name="btn1" id="btn1">

然后用

  $("#button").click(function() {

上面大佬都给你值出错误了，其实你可以直接在表单里将按钮改成：就不需要你这个js代码了

若class='button'
则$(".button)").click(function() {});

若id='button'
则$("#button)").click(function() {});

把js代码写在body标签里面的form标签下面。js写在头部，页面还没加载完肯定识别不了button元素！

    $(":button)")  多了半个括号 ，JS写在body最底下，先加载js肯定获取不到button

    <form action="login">
    用户名 <input type="text" name="username" /> <br /> 密码 <input
        type="password" name="password" /> <br /> <input type="button" value="提交" />
</form>

$(function() { //1．对所有text框和password框，添加离焦事件，校验输入内容不能为空 $(":text, :password").blur(function() { var _var = $(this).val(); if (_var == null || _var.trim().length <= 0) { alert("请输入用户名或密码") } }) }) //2．对button 添加点击事件，提交form表单 $(":button").click(function() { $("form").submit(); })

选择器表示的不对 :