[제이쿼리] this(), index() 예제

 

이벤트가 발생한 요소 추적하기

1. 이벤트가 발생한 요소를 선택해 오는 선택자$(this)
2. 이벤트가 발생한 요소의 인덱스값을 반환하는 index() 인덱스 반환 메서드

 

 

1. $(this) 선택자

- 이벤트 핸들러에서 $(this)를 사용하면 이벤트가 발생한 요소를 선택하여
이벤트가 발생한 요소를 추적할 수 있습니다.

 

2. index() 인덱스 반환 메서드

- 이벤트를 등록한 요소 중 이벤트가 발생한 요소의 인덱스값을 반환

/* index() 인덱스 반환 기본형 */
$("인덱스 대상선택자").on("이벤트종류",function(){
  $("이벤트 대상 선택").index(this);
});

 

예제 : 이벤트 핸들러에 이벤트가 발생한 요소를 추적하여 배경색을 바꾸는 예제

1. html구조

 

2. 제이쿼리 구조