<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
var input = $('#inp'); // наш инпут
var a; // тут будел лежать текущее значение
$('.plus').click(function(){ // по клику на плюс
a = input.val(); // получить текущее значение
a++; // увеличить на 1
input.val(a); // вернуть инпуту
});
$('.minus').click(function(){ // по клику на минус
a = input.val(); // получить текущее значение
a--; // уменьшить на 1
input.val(a); // вернуть инпуту
});
});
</script>
</head>
<body>
<input type="text" id="inp" value ="1" />
<div class="plus" style=" display: inline-block; height: 20px; width: 20px; background-color: red;">+</div>
<div class="minus" style="display: inline-block; height: 20px; width: 20px; background-color: green; margin-right: 10px;">-</div>
</body>
</html>