QUERY实现点击数字增长代码

BODY里面的代码：

<span id="redu">-</span>
<input id="add" type="text" value="1" style="width:50px; text-align:center;"/>
<span id="add1">+</span>

JQUERY代码：

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
      $("#add1").click(function(){
      var oldValue=parseInt($("#add").val()); //取出如今的值，并使用parseInt转为int类型数据
      oldValue++   //自加1
      $("#add").val(oldValue)  //将增长后的值付给控件
});
$("#redu").click(function(){
      var oldValue=parseInt($("#add").val()); //取出如今的值，并使用parseInt转为int类型数据
      oldValue--   //自减1
     $("#add").val(oldValue)  //将增长后的值付给控件
});
 
});
 
</script>

       除了一些放上的效果之外没有实现外，可以实现点击增长的时候，数字可以增长，点击减小后，数字可以自动减小，这些都可以实现。