jQuery是一個非常強大的javascript庫，它為我們提供了許多簡便的方法來操作HTML元素和DOM事件。在頁面中我們經常需要給不同的元素添加樣式，其中一個常見的需求就是在選中的頁簽上添加不同的背景色。下面我們就來學習一下如何使用jQuery來完成這個需求。

//頁面加載完成后執行以下代碼
$(document).ready(function(){
//獲取所有的頁簽元素
var tabs = $(".tab");
//為每個頁簽添加點擊事件
tabs.click(function(){
//移除掉所有頁簽的選中狀態
tabs.removeClass("active");
//將當前選中的頁簽添加選中樣式
$(this).addClass("active");
});
});

以上代碼首先獲取了所有具有tab類名的元素，并為每個元素添加了點擊事件。當用戶點擊頁簽時，代碼會先移除掉所有頁簽的選中狀態，再將當前選中的頁簽添加上active類，從而實現頁面效果的變化。

為了讓代碼更加清晰易懂，我們可以為代碼添加注釋，讓讀者更好地理解代碼的邏輯。在實際開發中，我們也可以根據具體項目需求來修改代碼，例如改變選中頁簽背景色的樣式。