[jQuery] 인덱스 값을 사용해 원하는 위치의 요소를 선택 eq() / get()

eq()

$("선택자").eq(숫자)

※ 선택한 요소의 인덱스 번호에 해당하는 요소를 가져옴, 숫자는 0 부터 시작함, 마이너스 값이 있다면, 역순

get()

$("선택자").eq(숫자)

※ 선택한 요소의 인덱스 번호에 해당하는 요소를 가져옴, 숫자는 0 부터 시작함, 마이너스 값이 있다면, 역순

예제

<script>
	$('선택자').eq(2); //jQuery객체 반환
	$('선택자').get(2); //DOM개체 반환
	$('선택자')[2]; //DOM개체 반환
</script>

※ 선택한 요소중 N번째요소를 반환하지만, eq(), get()의 차이는 불러오는 방식으로 eq()의 경우 jQuery객체로 반환하며, get()은 DOM 개체로 반환합니다. 전자는 jQuery 매서드로 사용가능하지만, 후자는 불가능하다.

 

 

index()

$("선택자").이벤트종류(function(){
	$("지정요소").index();
});

※ eq(), get() 은 실제 '값'을 가져오고, index()는 선택된 해당요소의 index 값을 가져온다.