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>

       除了一些放上的效果以外沒有實現外，能夠實現點選增加的時候，數字能夠增加，點選減少後，數字能夠自動減少，這些都能夠實現。