hover()指的是當滑鼠的指標，
指在某個element時，觸發的事件。
hover()同時包含了mouseenter 和 mouseleave
$(selector).hover(inFunction,outFunction)
outFunction不是必需的，如果不寫則是用inFunction同時套用在mouseenter 和 mouseleave。

<div>Hover the mouse pointer over this paragraph.</div>

div {
  width: 120px;
  height: 120px;
  background-color: #cccccc
}

$("div").hover(function(){
        $(this).css("border", "1px solid #ff0000");  //mouseenter產生邊框
        $(this).css("color", "#ff0000");  //mouseenter時改變字的顏色
        }, function(){
        $(this).css("border", "none");  //mouseleave時去除邊框
        $(this).css("color", "#000");  //mouseleave時字的顏色改成黑色
    });

滑鼠游標移入時。

滑鼠游標離開後。

但覺得還要寫一次復原時的狀態，
感覺工程師不會做這種蠢事，
明天來找找看有沒有辦法不用多寫一次。