제이쿼리 이벤트 등록 메서드 - 클릭이벤트

 

이벤트란?

- 웹 사이트에서 방문자가 취하는 모든 행동

- 이벤트 핸들러는 이러한 이벤트가 발생했을 때 실행되는 코드

 

 

 

 

[제이쿼리(jQuery)로 이벤트 등록을 하는 메서드 두가지방법]

 

1. 단독 이벤트 등록 메서드

- 한 동작에 대해서만 이벤트를 등록하는 것

$("이벤트 대상을 선택").이벤트등록메서드(function(){
  자바스크립트 코드;
});

 

단독 이벤트 등록 예시

 

 

2. 그룹 이벤트 등록 메서드

1.
$("이벤트 대상 선택").on("이벤트 종류1 이벤트 종류2 이벤트 종류n",
function(){
  자바스크립트 코드;
});


2.
$("이벤트 대상 선택").on({"이벤트 종류1 이벤트 종류2 이벤트 종류n" : 
function() {
  자바스크립트 코드;
}
});


3.
$("이벤트 대상 선택").on({
  "이벤트 종류1" : function() {자바스크립트 코드;},
  "이벤트 종류2" : function() {자바스크립트 코드;},
  "이벤트 종류3" : function() {자바스크립트 코드;}
});

 

on() 메서드 등록예시

 

 

 

 

[블로그 참고]

 

https://blog.naver.com/gluestuck/221776825847

do it 자바스크립트+제이쿼리 입문 책 내용 참고한 블로그