jQuery :nth-of-type() 선택자

jQuer 선택자

：nth-of-type() 선택자는 동일한 형제 요소 그룹에서의 위치를 기준으로 특정 유형의 모든 요소를 선택합니다.

사용：nth-child()선택자는 모든 요소의 위치(유형无关)를 기준으로 모든 요소를 선택할 수 있습니다.

문법：

$":nth-of-type(number|An+B|odd|even)")

예제

부모 요소에 속한 세 번째 <span> 요소의 각 <span> 요소를 선택합니다：

$("document").ready(function(){
　　$("span:nth-of-type(3)").css("background", "lime");
});

쌍수와 단수 키워드는奇수 또는偶수 인덱스를 가진 자식 요소를 매칭하는 데 사용됩니다：

$("document").ready(function(){
　　$("span:nth-of-type(odd)").css("background", "lime");
　　$("span:nth-of-type(even)").css("background", "aqua");
});

파라미터 값

jQuer 선택자