使用選項卡插件可以將<ul>中的<li>選項定義為選項標題，在標題中，再使用<a>元素的“href”屬性設置選項標題對應的內容，它的調用格式如下：
$(selector).tabs({options});
selector參數為選項卡整體外圍元素，該元素包含選項卡標題與內容，options參數為tabs()方法的配置對象，通過該對象還能以ajax方式加載選項卡的內容。
例如，在頁面中，添加選項卡的標題和內容元素，并綁定tabs插件，當點擊標題時，以選項卡的方式切內容，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，在tabs()方法的配置對象中，通過“fx”屬性設置了選項卡切換時的效果，“event”屬性設置鼠標也可以切換選項卡，因此，當鼠標在移動至兩個選項卡標題時，對應內容以動畫的效果自動切換。
我來試試，親自調用tabs()方法綁定選項卡元素，并自定義顯示內容
在下列代碼的第37行，調用tabs()方法自定義加載顯示的內容。
tabs()方法.請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報