jQuery :: 2 -1. 위치 탐색 선택자

 

 

 

탐색 선택자를 사용하면,

기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색하여 더 정확하게 선택 가능.

 

 

 

 

 

  위치 탐색 선택자   : 기본 선택자로 선택한 요소를 배열에 담아,

                            하위요소를 배열의 인덱스(index)를 사용하여 선택

 

$('요소 선택:first')   $('요소 선택').first( )	전체 요소 중 첫번째 요소만 선택.
$('요소 선택:last')   $('요소 선택').last( )	전체 요소 중 마지막 요소만 선택.
$('요소 선택:odd')	요소 무리 중 짝수 번째(홀수 인덱스) 요소만 선택.
$('요소 선택:even')	요소 무리 중 홀수 번째(짝수 인덱스) 요소만 선택.
$('요소 선택:first-of-type')	요소 무리 중 첫 번째 요소만 선택.
$('요소 선택:last-of-type')	요소 무리 중 마지막 요소만 선택.
$('요소 선택:nth-child(숫자)')	ex. nth-child(2)   요소 무리 중 2번째 요소만 선택.
$('요소 선택:nth-child(숫자n)')	ex. nth-child(3(n))   요소 무리 중 3의 배수 번째에 있는 요소만 선택.
$('요소 선택:nth-last-of-type(숫자)')	ex. nth-last-of-last(5)   요소 무리 중 마지막 위치로부터 5번째에 있는 요소만 선택.
$('요소 선택:only-child')	부모 요소 내에 있는 배열 요소가 1개 뿐인 배열 요소만 선택.
$('요소 선택:eq(index)')   $('요소 선택).eq(index)	요소 중 (index)를 참조하는 요소를 불러옴.
$('요소 선택:gt(index)')	요소 중 인덱스 (index)보다 큰 인덱스가 참조하는 요소를 불러옴.
$('요소 선택:lt(index)')	요소 중 인덱스 (index)보다 작은 인덱스가 참조하는 요소를 불러옴.
$('요소 선택').slice(index)   $('요소 선택').slice(index1, index2)	요소 중 인덱스 (inex)부터 참조하는 요소를 불러옴.   요소 중 인덱스 중 index1부터 index2까지의 요소를 불러옴.

 

  ex.

 

 

 

 

배열의 인덱스는 0번부터 시작. (배열이 헷갈린다면 배열 관련 페이지 참조)

https://biio-studying.tistory.com/31?category=903435

JavaScript :: 13-3 -1. 배열