jquery :: .hover() 이벤트의 활용

내가 좋아하는 j쿼리의 기능들중 한가지인 .hover() 에 대해서 소개해본다.

이름을 보시면 아시겠지만.. 마우스 오버했을때 발생하는 이벤트를 정의하는 것이다.
당연히 jquery 인클루드 해주고.....

$(".test").hover(
    function(){
       // 마우스오버되었을때 이벤트
       alert("마우스 오버됨");
    }, function() {
       // 마우스아웃되었을때 이벤트
       alert("마우스 아웃됨"); 
    }
);


<span class="test">여기 마우스를 올려보세요.</span>

test 라는 이름의 클래스를 가진 span 태으에  마우스가 오버되었을때를 정의한 스크립트이다.
그런데 자세히 보면.. function이 두개 있다.
function() { }, function() { } 이렇게.

function을 한개만 지정하면 마우스오버되었을때만 실행되지만, 이렇게 콤마를 이용하여 두개의 함수를 정의하면
마우스오버되었을때와 마우스아웃되었을때를 함께 정의하게된다.
onMouseOver 와 onMouseOut을 한번에... 얼마나 좋나염 T^T
많은 도움이 되시길!