jQueryを使用してホバー状態を元に戻す方法は？

Question

私の割り当てでは、jqueryのみを使用する必要があります。実用的ではないようですが、私は限られています。私はホバー状態を行う方法を理解することができましたが、スタイルが適用されると、それはそのままです。だからこれをチェックしてください..

$(".cta-button").css({ 
     background: "#476887", 
     "text-align": "center", 
     width: "173px", 
     height: "40px", 
     margin: "62px auto 33px", 
     cursor: "pointer" 
    }); 
    $(".cta-button").hover(function() { 
     $(this).css("background-color", "#509de5"); 
    }); 

私がもはやホバリングしていないとき、元の背景色に戻したいと思います。これをどうやって行うのですか？ありがとう!!

Answer 1

mouseoverイベントを追加することができますホバー状態、マウス入力などとして翻訳することができるhandlerInと呼ばれ、handlerOutは「マウスの離脱」に対応します

電子あなたは、あなたがすべてでドキュメントを読みました。この

$('DOM_NODE').hover(mouseEnter, mouseLeave); 
function mouseEnter() { 
    // do something when the mouse enters the dom node 
}; 
function mouseLeave() { 
    // do something when the mouse leaves the dom node 
}; 

Answer 2

あなたは、あなたが簡単にドキュメントに記載されているようにhover method of jQuery

を使用することによって、この方法は、最初の1があり、1〜2の引数を受け入れることができる達成することができます
a fiddle

$(".cta-button").css({ 
     background: "#476887", 
     "text-align": "center", 
     width: "173px", 
     height: "40px", 
     margin: "62px auto 33px", 
     cursor: "pointer" 
    }); 
    $(".cta-button").hover(function() { 
     $(this).css("background-color", "#509de5"); 
    }).mouseover(function() { 
     $(this).css("background-color", "#476887"); 
    });