jQuery是一種JavaScript庫，它為開發人員提供了一種簡便的方法來操作HTML文檔、處理事件、創建動畫效果以及操作Ajax。

在網站開發中，我們經常需要使用輪播圖來展示一組圖片或內容，讓網站更加生動有趣。而jQuery也提供了輪播圖插件來簡化開發過程。

輪播圖插件中，通常會有一組按鈕來實現圖片的切換，點亮按鈕即可顯示對應的圖片。以下是一個簡單的jQuery輪播圖按鈕切換的代碼示例：

<code class="language-js">
$(document).ready(function(){
var index = 0;
var timer = null;
var len = $('img').length;
function show(){
$('img').eq(index).fadeIn(500).siblings('img').fadeOut(500);
$('li').eq(index).addClass('current').siblings('li').removeClass('current');
}
function autoPlay(){
timer = setInterval(function(){
index++;
if(index === len){
index = 0;
}
show();
}, 2000);
}
autoPlay();
$('li').hover(function(){
clearInterval(timer);
index = $(this).index();
show();
}, function(){
autoPlay();
});
});

在以上代碼中，我們首先定義了索引值index、計時器timer以及圖片總數len。

接著定義了函數show，用于顯示當前索引的圖片和點亮當前索引的按鈕。函數中使用了fadeIn和fadeOut來實現圖片的淡入淡出效果，addClass和removeClass來切換按鈕樣式。

然后定義了函數autoPlay，用于自動播放輪播圖。在函數內部使用setInterval來實現定時切換圖片，當index達到len時，將其重置為0。

最后，使用hover方法為按鈕添加鼠標懸停事件，在鼠標懸停時清除計時器、切換圖片和按鈕狀態，在鼠標移出時重新啟動自動播放。

通過以上代碼示例，我們可以輕松地實現帶有按鈕切換的jQuery輪播圖。