[jQuery] Mouseenter, Mouseleave

Mouseenter와 Mouseleave는

jQuery에서 제공하는 마우스 이벤트 함수입니다.

코드를 보면서 설명하겠습니다.

$("#t2").mouseenter(()=>{

    $("#t2").css("opacity" , 1);

   

});

$("#t2").mouseleave(()=>{

    $("#t2").css("opacity" , 0);

   

});

 

Mouseenter는 Mouse가 식별자에 해당하는 공간에 들어올 때 (Enter),

작업을 수행하는데요.

위에서는 t2라는 식별자에 해당하는 태그의 공간에 마우스가 들어올 때

<table border = "1" id = "t2"></table>

(=>여기서는 table입니다.)

해당 테이블의 opacity(투명도를) 1로 바꿉니다.

 

밑에는 Mouseleave라는 함수가 있습니다.

MouseLeave는  Mouse가 식별자에 해당하는 공간에 나갈 때 (Leave),

해당 코드를 실행합니다.

여기서는 테이블의 투명도를 0으로 바꿉니다.