addclass - jQueryテーマに新しいボタンクラスを追加する方法

Question

私はjQueryの初心者なので、我慢してください。別のボタン クラスを追加したいのですが、新しいボタン クラスでホバーとデフォルトを連携させることができません。ui-button-blue がデフォルトで、青のグラデーション背景画像を使用します。ui-button-orange はホバーで、オレンジ色のグラデーションの背景画像を使用します。

テーマのデフォルトの ui-button 属性の ui-button-blue の css 属性をリセットすることで、新しいデフォルトの青いボタンを強制的に適切に表示できますが、ホバーは境界属性 (オレンジ) のみを適用し、新しいものは適用しません。オレンジ色の背景画像。

ui-button をテーマのデフォルトにリセットすることで、ui-button-orange (ホバー) を機能させることができます。

この css は、ui-button がテーマのデフォルトに設定されている場合、ボタン オレンジをホバーで機能させます。

.ui-state-hover, 
.ui-button-orange { 
    border: 1px solid #ff7f00; 
    height: 24px; 
    display: inline-block; 
    position: relative; 
    padding: 0px 0px 0px 0px; 
    margin-right: .1em; 
    text-decoration: none !important; 
    cursor: pointer; 
    text-align: center; 
    zoom: 1; 
    overflow: hidden; 
    *overflow: visible; 
    background-image: url(images/ but_01_orange.png); 
    background-repeat:repeat-x; 
    color:#fff; 
}

しかし、私はそれらを一緒に働かせることができません。jQuery css と .js をオーバーライドするためにいくつかのカスタム .js を試しましたが、これも機能しません。

$(document).ready(function() {
    $("button").button();
    $("button").hover(
        function () {
            $(this).removeClass();
           $(this).addClass('ui-button-orange ui-widget ui-state-default ui-corner-all  ui-button-text-only ui-button-blue');//hover
        },
        function () {
            $(this).removeClass();
            $(this).addClass('ui-button-blue ui-widget ui-state-default ui-corner-all ui-button-text-only-ui-button-blue');
        }
    );
});