jQuery輸入框加減功能是網站開發中常用的一個小效果。用戶可以通過點擊“+”或“-”按鈕來增加或減少輸入框中的數值。

$(document).ready(function(){
// 給“+”按鈕綁定事件
$(".plus-btn").on("click", function(){
var oldValue = parseInt($(this).siblings(".input-box").val()); // 獲取輸入框中的原始值
var newValue = oldValue + 1; // 計算新值
$(this).siblings(".input-box").val(newValue); // 更新輸入框中的值
});
// 給“-”按鈕綁定事件
$(".minus-btn").on("click", function(){
var oldValue = parseInt($(this).siblings(".input-box").val()); // 獲取輸入框中的原始值
var newValue = oldValue - 1; // 計算新值
if(newValue < 1){ // 如果新值小于1，則讓新值等于1
newValue = 1;
}
$(this).siblings(".input-box").val(newValue); // 更新輸入框中的值
});
});

以上的jQuery代碼實現了輸入框加減的功能。我們首先給“+”按鈕和“-”按鈕綁定事件，然后通過siblings()方法找到它們的同級元素中的輸入框，并獲取到輸入框中的原始值。之后計算出新值，并用val()方法更新輸入框中的值。

需要注意的是，在減少數值時，如果新值小于1，則需要將新值設為1，這是為了防止出現負數。

通過這段簡單的jQuery代碼，我們可以實現一個漂亮的輸入框加減效果，為用戶提供更好的操作體驗。