jQuery怎樣實現Tabs導航？這就要用到jQuery的nav tabs了。 nav tabs 是一種非常流行的界面風格，通常被用來展示多個相關但又彼此獨立的內容。

<ul class="nav nav-tabs">
<li class="active"><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<!-- tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p>This is tab 1.</p>
</div>
<div class="tab-pane" id="tab2">
<p>This is tab 2.</p>
</div>
<div class="tab-pane" id="tab3">
<p>This is tab 3.</p>
</div>
</div>

需要說明的是，nav-tabs只能用于綁定在頂級ul元素上。每個li元素中，a元素的href屬性需要與tab-content中對應的div元素的id屬性相同。另外，可以使用.active class來標記默認展示的tab。

是不是十分簡單？上述代碼便是最基本的 Tabs 示例，在實際開發中，我們可以使用 font-awesome、bootstrap 樣式、JS 特效等讓 Tabs 更加美觀、靈活。