请问用jquery实现一个简单的增加和减少 这样写为什么错的

$(function() {
    $("#add").click(function() {
    var num=parseInt($("#text").val());
    num=num+1;
    $("#text").val(num);
    });
    $("#add").click(function() {
    var val=parseInt($("#text").val());
    val=val-1;
    $("#text").val(val);
    });
});
<form action="Add" method="post">
    <input type="text" id="text" value="1" /> <input type="submit"
        value="提交" />
</form>
<button id="add">增加</button>
<button id="sub">减少</button>

你的script标签呢？js代码要用script括起，如果是js文件，自己检查js文件路径对不对，并且要放到jquery垒许下，jquery是否正确倒入

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $(function () {
        $("#add").click(function () {
            var num = parseInt($("#text").val());
            num = num + 1;
            $("#text").val(num);
        });
        $("#sub").click(function () {
            var val = parseInt($("#text").val());
            val = val - 1;
            $("#text").val(val);
        });
    });
</script>
<form action="Add" method="post">
    <input type="text" id="text" value="1" /> <input type="submit"
                                                     value="提交" />
</form>
<button id="add">增加</button>
<button id="sub">减少</button>

上面的js代码要写在button标签的下面，否则访问不到这些控件。另外你绑定了2次add，没有绑定sub