jQuery選項卡自動切換是一個常見的網頁特效，可以增強用戶體驗，同時也可以讓網頁內容更加突出。下面我們來介紹一下如何使用jQuery實現選項卡自動切換。

$(function(){
var tabNum = 0;  // 定義一個變量，用于記錄當前選項卡的編號
var $tabs = $('.tabs li');  // 選項卡按鈕
var $panels = $('.panels .panel');  // 選項卡內容
// 定義一個函數，用于自動切換選項卡
function autoSwitchTab() {
var maxTabNum = $tabs.length - 1;  // 最大選項卡編號
tabNum++;  // 自增選項卡編號
if (tabNum > maxTabNum) {
tabNum = 0;
}
$tabs.eq(tabNum).click();  // 手動觸發選項卡按鈕的click事件
}
// 每隔5秒自動切換選項卡
setInterval(autoSwitchTab, 5000);
// 選項卡按鈕的click事件
$tabs.click(function(){
var index = $(this).index();  // 獲取當前選項卡的編號
$tabs.removeClass('active').eq(index).addClass('active');  // 切換選項卡按鈕的樣式
$panels.hide().eq(index).show();  // 切換選項卡內容的顯示/隱藏
tabNum = index;  // 更新當前選項卡編號
});
});

在上面的代碼中，我們首先定義了一些變量，包括選項卡按鈕、選項卡內容和當前選項卡的編號。然后定義了一個自動切換選項卡的函數，該函數會先自增當前選項卡的編號，然后手動觸發選項卡按鈕的click事件，從而切換到下一個選項卡。最后，我們使用setInterval函數每隔5秒執行一次自動切換選項卡的函數。

在選項卡按鈕的click事件中，我們獲取了當前選項卡的編號，然后切換選項卡按鈕的樣式和選項卡內容的顯示/隱藏。最后，我們更新了當前選項卡的編號。

通過上面的代碼，我們就可以實現一個簡單的jQuery選項卡自動切換效果。如果你想要進一步定制選項卡的樣式或者修改自動切換的時間間隔，可以根據自己的需要進行相應的修改。