jQuery 기본 강의

jQuery 효과

：nth-child（n） 선택자는 부모 요소에 속한 모든 요소를 선택합니다제 n 개의 자식요소의 요소。

사용：nth-의-type()부모 요소에 속한 특정 유형의 모든 요소를 선택하는 선택자제 n 개의 자식요소의 모든 요소。

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

모든 <p> 요소가 그의 부모 요소의 세 번째 자식 요소로 선택됩니다：

예제

$("document").ready(function(){
　　$("p:nth-child(3)").css("background", "coral");
});

홀수와 짝수 키워드는奇数或偶数索引의 자식 요소를 매칭하는 데 사용됩니다：

예제

$("document").ready(function(){
　　$("p:nth-child(even)").css("background", "coral");
　　$("li:nth-child(odd)").css("background", "coral");
});

공식（An + B）。설명：A은 반복 크기를 나타냅니다,n은 카운터입니다(0부터 시작),B은 이동 값입니다：

예제

$("document").ready(function(){
　　$("p:nth-child(4n　+　1)").css("background", "coral");
　　$("li:nth-child(3n)").css("background", "coral");
});

매개변수	설명
number	매칭되는 자식의 인덱스（1시작）
odd	모든 홀수 자식 요소를 선택
even	모든 짝수 자식 요소를 선택
An+B	선택하고자 하는 자식 요소를 지정 예제：p：nth-child（3n + 2）두 번째 자식 요소부터 선택한 각 세 번째 요소