如何從jquery選項卡中刪除類並添加我們自己的類？

Question

我有一個jQuery選項卡，我目前覆蓋.ui-widget-header。我的代碼運行良好。但是，我想刪除.ui-widget-header類並應用我自己的類。如何才能做到這一點 ？

我的代碼：

$(function() 
    { 
     $("#tabs").tabs(); 
     $("#tabs .ui-widget-header").css("float", "left"); 
     $("#tabs .ui-widget-header").css("background-image", "url('/Content/images/menu_bg_right.png')"); 
     $("#tabs .ui-widget-header").css("background-repeat", "no-repeat"); 
     $("#tabs .ui-widget-header").css("background-color", "Transparent"); 
     $("#tabs .ui-widget-header").css("border", "none"); 
     $("#tabs .ui-widget-header").css("width", "610px"); 
     $("#tabs .ui-widget-header").css("height", "50px"); 
     $("#tabs .ui-widget-header").css("background-position", "left 100%"); 

}); 

我的標籤代碼：

<ul class="tab-menu"> 
     <li><a href="<%= Url.Action("GetCoreTab", "Tab") %>" class="a"><b> 
      <div id="home" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetCustomerInformationTab", "Tab") %>" class="a"><b> 
      <div id="customer-information" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetRatesAndChargesTab", "Tab") %>" class="a"><b> 
      <div id="rates-and-charges" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetPaymentsAndVouchersTab", "Tab") %>" class="a"><b> 
      <div id="payments-and-vouchers" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetDeliveryAndCollectionTab", "Tab") %>" class="a"><b> 
      <div id="delivery-and-collection" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetGeneralTab", "Tab") %>" class="a"><b> 
      <div id="general" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetEquipmentAndOtherDriversTab", "Tab") %>" class="a"> 
      <b> 
       <div id="equipment-and-other-drivers" class="menu"> 
       </div> 
      </b></a></li> 
     <li><a href="<%= Url.Action("GetCustomerPreferencesTab", "Tab") %>" class="a"><b> 
      <div id="customer-preferences" class="menu"> 
      </div> 
     </b></a></li> 
     <li><a href="<%= Url.Action("GetCustomerStatisticsTab", "Tab") %>" class="a"><b> 
      <div id="customer-statistics" class="menu"> 
      </div> 
     </b></a></li> 
    </ul> 

我需要刪除的.ui-插件頭的標籤ONLY（這樣的DateTimePicker不會受到影響），並添加我的課程（包含造型代碼）。

感謝

Answer 1

<style> 
.myClass { 
    /* definititions */ 
} 
</style> 


<script> 
$("#tabs").tabs(); 
$('#tabs ul').removeClass('ui-widget-header').addClass('myClass'); //assuming you have ULs 
</script> 

如果你想每個屬性與JS加，你仍然可以通過在UL元素得到做到這一點。

$('#tabs ul').css("float", "left") 
    .css("background-image", "url('/Content/images/menu_bg_right.png')"); 
//and so forth 

Answer 2

$（ 「＃選項卡的.ui-插件頭」）removeClass（ 'UI-插件頭'）addClass（ 'MyClass的'）。;