[jQuery 정리노트] 4. 이벤트 연결하기

1. 이번수업의 목적

- 사용자의 특정행동(이벤트)에 따른 jQuery구문의 실행법을 학습합니다.

2. 핵심개념

- 사용자가 특정 행동을 취했을때 그에 따른 상호작용으로 jQuery의 구문을 실행시키는것을

   이벤트를 연결한다라고 하며 사용자가 웹을 통해 하는 일련의 행동 (클릭, 마우스오버, 스크롤 등)을 이벤트라고 합니다.

- 사용자행동(이벤트)의 종류

click  :  클릭했을 때

mouseenter  :  특정영역에 마우스 오버 했을 떄

mouseleave  :  특정영역에서 마우스가 벗어났을 때

mousemove  :  특정영역에서 마우스가 움직일 때

scroll  :  브라우저를 스크롤할 때

resize  :  브라우저를 리사이즈할 때

----------------------------------------------

$(document).ready(function(){

// 실제 스크립트 코드를 입력할 공간입니다.

$(".box1").on("click",function(){

$("p").text("box1을 클릭했습니다");

});

$(".box2").on("mouseenter",function(){

$("p").text("box2에 마우스를 올렸습니다");

});

});

---------------------------------------------------

[출처] 이벤트 연결하기 - 필수구문20|작성자 하다보니