jQuery作為一種JavaScript庫，提供了很多方便快捷的編程方式，其中包括選項卡的實現。選項卡是一種常見的網頁布局類型，同時也是jQuery學習的重要實例之一。

下面是一段簡潔的jQuery選項卡代碼：

//HTML結構
<div class="tab">
<ul class="tab-nav">
<li>Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
</ul>
<div class="tab-content">
<div>Content1</div>
<div>Content2</div>
<div>Content3</div>
</div>
</div>
//CSS樣式
.tab {
border: 1px solid #ccc;
}
.tab-nav {
display: flex;
}
.tab-nav li {
margin-right: 10px;
cursor: pointer;
}
.tab-nav li.active {
color: #f00;
}
.tab-content {
padding: 10px;
border-top: 1px solid #ccc;
}
//jQuery代碼
$('.tab-nav li').click(function() {
var index = $(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('.tab-content > div').eq(index).show().siblings().hide();
});

代碼解釋：

1. $('.tab-nav li').click(function() {});  -- 綁定選項卡導航的點擊事件。
2. var index = $(this).index();  -- 獲取當前點擊的導航索引。
3. $(this).addClass('active').siblings().removeClass('active');  -- 添加.active類，移除兄弟元素的.active類。
4. $('.tab-content > div').eq(index).show().siblings().hide();  -- 顯示當前索引對應的內容，隱藏其他內容。

使用以上代碼，我們就可以輕松實現一個簡潔的選項卡效果。