如何从jquery选项卡中删除类并添加我们自己的类？

我有一个jQuery选项卡，目前正在覆盖.ui小部件头。我的代码运行良好。但是，我想删除.ui小部件头类并应用我自己的类。如何做到这一点

我的代码：

$(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小部件头（这样datetimepicker就不会受到影响），并添加我的类（包含样式代码）

---

谢谢

$（“#tabs.ui小部件头”）.removeClass（'ui-widget-header'）.addClass（'myClass'）

ul中的#选项卡中没有.ui小部件头。谢谢你的努力。让我更接近答案Alex

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


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

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