JS-鼠標光標指針懸停事件

鼠標指針懸停事件:

       $("#month_select").mouseenter(function(){
              alert("go in!");
       });
       
       $("#month_select").mouseleave(function(){
              alert("go out!");
       });
       
       $("#month_select").hover(function(){
              alert("if");
              },function(){
              alert("else");
       });

說明： A1和A2效果相似，但是A2擇優！
原因： 此樣例由於是寫在ul標簽，經測試發現A1會多次冗余觸發。所有選擇A2！或有未清楚的地方）
A1：
    // 當鼠標從元素上移開時事件！
    $("#selected").mouseout(function(){
       $("#selected").removeClass("border");
       $("#selected").css("border","1px solid #AAAAAA");
    });
         
    // 當鼠標指針位於元素上方時事件！
    $("#selected").mouseover(function(){
       $("#selected").removeClass("border");
       $("#selected").css("border","1px solid #707070");
    });

A2：
    // 當鼠標指針進入（穿過）元素時事件！
    $("#selected").mouseenter(function(){
       $("#selected").removeClass("border");
       $("#selected").css("border","1px solid #707070");
    });

    // 當鼠標指針離開元素時事件！
    $("#selected").mouseleave(function(){
       $("#selected").removeClass("border");
       $("#selected").css("border","1px solid #AAAAAA");
    });