jQuery是一種流行的JavaScript庫，它可以幫助我們輕松地制作動態和交互性的網頁。其中的輪播圖功能，可以幫助我們展示圖片或內容，同時為用戶提供良好的交互體驗。今天我們將了解如何使用jQuery制作點擊切換的輪播圖。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var currentIndex = 0; //當前索引
var items = $('.banner li'); //輪播圖項
var itemNum = items.length; //輪播圖項數目
//顯示對應的圖片
function showItem(index){
items.eq(index).addClass('active').siblings().removeClass('active');
}
//點擊切換到下一張圖片
$('.nextBtn').click(function(){
currentIndex++;
currentIndex = currentIndex % itemNum;
showItem(currentIndex);
});
//點擊切換到上一張圖片
$('.prevBtn').click(function(){
currentIndex--;
if(currentIndex < 0){
currentIndex = itemNum - 1;
}
showItem(currentIndex);
});
});
</script>

如上所示，我們首先引入了jQuery庫，并在文檔就緒后獲取了輪播圖項、項數以及當前索引三個變量。接著我們定義了一個showItem函數，它可以根據獲得的索引值，為對應的圖片添加active類，從而實現輪播圖的切換。

隨后我們通過點擊事件控制輪播圖的行為。當點擊下一張按鈕時，當前索引值會自增1。為了使索引值在輪播圖項數目內循環，我們對其進行取模運算。反之，當點擊上一張按鈕時，當前索引值會自減1。為了使輪播圖能夠循環，我們需要在索引值小于0時將其重置為輪播圖項數目減1。

最后，我們在HTML代碼中編寫輪播圖結構，并為上一張和下一張按鈕綁定對應的類名。這樣就完成了一個簡單的、點擊切換的jQuery輪播圖。希望以上內容對你理解制作輪播圖有所幫助。