Day91 - [Jquery]이벤트

드디어 Jquery 의 이벤트 에 대해서 알아 봅시다

 

이벤트

이벤트는 어떤 입력 예를 들면, 클릭, 키 업 등등 에 따라서 실행되도록 하는 방법 입니다.

 

Jquery 에서는 on 을 빼고 적어주면 됩니다.

이벤트 위임

java script 에서의 이벤트 위임은 부모가 되는 태그에 이벤트를 걸어서 버블링을 이용한 자식 태그들의 이벤트 실행 방법 이었습니다. 아래 처럼요

jquery 에서는 on 함수를 사용 합니다.

※ jquery 에서의 this 는 현재 태그(요소)를 의미 합니다.

on 함수에는 ( 이벤트 , 위임할 요소, 기능 ) 을 넣어주면 됩니다.

 

on 함수의 장점은, 부모 요소에 이벤트가 걸리지 않는다는 것과 아래처럼 순서에 상관없이 작동한다는 것 입니다.

즉, on 함수를 쓸 때는 <div id="box"> 에 <a> 태그가 없습니다.

 

on 함수 아래에서 <a> 태그를 삽입 했으니까요

 

그런데, 실행이 됩니다 !

 

이는, 실행 순서와 상관 없는 비동기 방식을 사용할 때 유용하다고 합니다.