Jquery是一種非常強(qiáng)大的Javascript庫，它可以輔助開發(fā)人員輕松地完成許多任務(wù)。其中之一就是設(shè)置Tab頁選中。在這篇文章中，我們將會介紹如何使用Jquery來實(shí)現(xiàn)這個功能。

// 設(shè)置Tab頁選中
$(document).ready(function() {
$(".tab-header li").click(function() {
// 移除所有l(wèi)i元素上的‘a(chǎn)ctive’類
$(".tab-header li").removeClass('active');
// 給當(dāng)前點(diǎn)擊的li元素添加‘a(chǎn)ctive’類
$(this).addClass('active');
// 根據(jù)索引值切換對應(yīng)內(nèi)容
var selected_tab = $(this).index();
$(".tab-content > div").hide();
$(".tab-content > div").eq(selected_tab).show();
});
});

在上述代碼中，我們首先使用了Jquery的document.ready()方法來確保DOM元素已經(jīng)被完全加載。接下來，我們給Tab頁頭部的每個li元素添加了一個點(diǎn)擊事件。在該事件中，我們首先移除所有l(wèi)i元素上的‘a(chǎn)ctive’類，然后將當(dāng)前點(diǎn)擊的li元素添加‘a(chǎn)ctive’類，以顯示該元素選中狀態(tài)。

接著，我們根據(jù)索引值來切換對應(yīng)內(nèi)容。我們使用了eq()方法來選擇tab-content元素下具有特定索引值（selected_tab）的div元素，并使用show()方法來顯示該元素。

這就是使用Jquery來設(shè)置Tab頁選中的基本操作。通過這種方式，我們可以輕松地實(shí)現(xiàn)一個Tab頁激活狀態(tài)的UI效果。