jQuery是一個流行的JavaScript庫，特別適用于創建交互式前端頁面。其中一個功能是實現輪播，可以讓頁面中的多張圖片或內容，以指定的時間間隔自動切換。

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

這段代碼中，首先通過jQuery選擇器取到輪播的容器container中的div，并緩存其數量。在cycleItems()函數中，將所有的div都隱藏，再將當前輪播項的display屬性設置為inline-block，從而實現切換。使用setInterval()函數，可以每隔指定時間間隔自動執行一個函數。通過click()事件監聽器，用戶點擊“下一個”或“上一個”按鈕，會清除自動輪播的計時器，并對currentIndex和cycleItems()函數進行操作，實現手動控制輪播。