jQuery購物加減按鈕是一種常見的商品數(shù)量控制方式，在電商網(wǎng)站的購物車頁面中經(jīng)常可以看到。這種加減按鈕通過jQuery實(shí)現(xiàn)，能夠讓用戶方便地增加或減少商品的數(shù)量。下面是這種加減按鈕的示例代碼：

<div class="item">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
<script>
$(function() {
// 獲取加減按鈕和數(shù)量顯示框
var minus = $('.minus');
var count = $('.count');
var plus = $('.plus');
// 點(diǎn)擊減號(hào)按鈕，減少數(shù)量
minus.on('click', function() {
var num = Number(count.text());
if (num > 1) {
count.text(num - 1);
}
});
// 點(diǎn)擊加號(hào)按鈕，增加數(shù)量
plus.on('click', function() {
var num = Number(count.text());
count.text(num + 1);
});
});
</script>

這段代碼中，包含了一個(gè)class為item的div，其中包含了一個(gè)class為minus的減號(hào)按鈕、一個(gè)class為count的數(shù)量顯示框和一個(gè)class為plus的加號(hào)按鈕。加減按鈕的前后文案在這里使用了“-”和“+”，也可以根據(jù)實(shí)際需求進(jìn)行修改。

在Javascript代碼部分，首先獲取了加減按鈕和數(shù)量顯示框的jQuery對(duì)象，然后分別給減號(hào)按鈕和加號(hào)按鈕添加了點(diǎn)擊事件。在點(diǎn)擊減號(hào)按鈕的事件中，首先獲取當(dāng)前數(shù)量顯示框中顯示的數(shù)量，判斷如果數(shù)量大于1，就將數(shù)量減1，然后更新數(shù)量顯示框的內(nèi)容。在點(diǎn)擊加號(hào)按鈕的事件中，也是獲取當(dāng)前數(shù)量顯示框中顯示的數(shù)量，然后將數(shù)量加1，再更新數(shù)量顯示框的內(nèi)容。

以上就是jQuery購物加減按鈕的實(shí)現(xiàn)方法，可以根據(jù)實(shí)際需求進(jìn)行修改和擴(kuò)展，比如添加庫存控制、價(jià)格更新等功能，提升用戶體驗(yàn)。