Jquery 輪播是網站開發中常見的組件之一，通過輪播可以實現圖片的動態展示，提高網站的美觀性和用戶體驗。在輪播組件中，常見的功能之一就是左右切換，實現方式也比較簡單，下面我們來看看如何使用Jquery實現左右切換。

$(document).ready(function(){
var currentIndex = 0;
var items = $('.carousel .item');
var itemAmt = items.length;
function cycleItems() {
var item = $('.carousel .item').eq(currentIndex);
items.hide();
item.css('display','inline-block');
}
var autoSlide = setInterval(function() {
currentIndex += 1;
if (currentIndex > itemAmt - 1) {
currentIndex = 0;
}
cycleItems();
}, 3000);
$('.carousel-next').click(function() {
clearInterval(autoSlide);
currentIndex += 1;
if (currentIndex > itemAmt - 1) {
currentIndex = 0;
}
cycleItems();
});
$('.carousel-prev').click(function() {
clearInterval(autoSlide);
currentIndex -= 1;
if (currentIndex < 0) {
currentIndex = itemAmt - 1;
}
cycleItems();
});
});

在代碼中，我們首先定義了一個 currentIndex 變量，用于記錄當前選中項的下標。然后通過 items 變量獲取了所有輪播項，itemAmt 變量用于記錄輪播項數量。在 cycleItems 函數中，我們通過 currentIndex 和 items 變量實現了輪播項的切換。在自動輪播中，我們使用了 setInterval 實現輪播效果，點擊左右按鈕時，我們通過 clearInterval 停止自動輪播，并通過 currentIndex 和 cycleItems 函數實現了左右切換。