jQuery IDTabs 是一款非常實用的 JavaScript 插件，它可以讓我們在網頁中動態地切換選項卡。在使用這項插件時，一個很常見的需求就是需要在加載頁面時選中某一個選項卡，下面我們來看一下如何實現這個功能。 首先，在 HTML 中我們需要為選項卡指定一個 ID，然后在 JavaScript 中調用 IDTabs 方法即可。同時，我們還需要為想要選中的選項卡增加一個 active 類：

<div class="idTabs">
<ul>
<li><a href="#tab1" id="tab1-link">選項卡一</a></li>
<li><a href="#tab2" id="tab2-link">選項卡二</a></li>
<li><a href="#tab3" id="tab3-link">選項卡三</a></li>
</ul>
<div id="tab1" class="tabContent">選項卡一內容</div>
<div id="tab2" class="tabContent">選項卡二內容</div>
<div id="tab3" class="tabContent">選項卡三內容</div>
</div>
<script>
$(document).ready(function(){
$("#tab1-link").addClass("active"); // 選中第一個選項卡
$(".idTabs").idTabs();
});
</script>

上述代碼中，我們在文檔準備就緒后先為選項卡一的鏈接添加了一個 active 類，然后再執行 IDTabs 方法。這樣就可以在頁面加載時默認選中選項卡一了。如果想要默認選中其他選項卡，只需要修改對應 ID 的鏈接即可。 總之，IDTabs 插件為我們提供了非常方便實用的選項卡功能，通過結合 JavaScript，我們還可以實現更為靈活的操作。希望這篇文章對你有所幫助！