Jquery new tab是一種非常方便的技術，它可以為我們的網頁添加新的選項卡。下面我們來介紹一下如何使用Jquery new tab。

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" >
<div id="tabs">
<ul>
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
<li><a href="#tab-3">Tab 3</a></li>
</ul>
<div id="tab-1">
<p>This is Tab 1.</p>
</div>
<div id="tab-2">
<p>This is Tab 2.</p>
</div>
<div id="tab-3">
<p>This is Tab 3.</p>
</div>
</div>
<script>
$( "#tabs" ).tabs();
</script>

上面的代碼定義了一個有3個選項卡的div元素，并使用Jquery new tab將其轉換為一個選項卡控件。使用Jquery new tab非常簡單，只需要在需要轉換為選項卡的元素上調用tabs()方法即可。

對于需要自定義樣式的情況，可以使用Jquery UI主題來修改選項卡的外觀。Jquery UI主題提供了許多不同風格的選項卡樣式，只需要在頁面引入對應的主題樣式文件即可。