Javascript & JQuery & CSS

이번장에서는 jQuery 이벤트중 mouseenter(), mouseleave(), mousedown(), mouseup() 마우스와 관련된 이벤트에 대해서 알아보겠습니다.
1. mouseenter()
마우스 다가왔을때 발생하는 이벤트입니다.
2. mouseleave?()
마우스가 자리를 떠났을때 이벤트를 줄수 있는 함수 입니다.
3. mousedown?()
마우스 왼쪽 버튼 클릭과 동시에 이벤트를 줄수 있는 함수입니다.
3. mouseup?()
마우스 왼쪽버튼을 클릭하고 놓을때 이벤트를 줄수 있는 함수입니다.
 

			$("#p1").mouseleave(function(){
			 alert("Bye! You now leave p1!");
			});

			$("#p1").mousedown(function(){
				alert("Mouse down over p1!");
			});

			?$("#p1").mouseup(function(){
			 alert("Mouse up over p1!");
			});

  아래와 같은 형식 on() 메서드를 이용하여 처리할 수도 있다.
 

<script>
$(document).ready(function(){
  $("p").on({
    mouseenter: function() {
      $(this).css("background-color","lightgray");
    },
    mouseleave: function() {
      $(this).css("background-color","lightblue");
    },
    click: function() {
      $(this).css("background-color","yellow");
    }
  });

});
</script>