순서 관련 선택자

<h3>순서 관련 선택자</h3>

    <table border="1">

        <tr>

            <th>이름</th>

            <th>나이</th>

            <th>주소</th>

        </tr>

        <tr>

            <td>홍길동</td>

            <td>5</td>

            <td>강남구</td>

        </tr>

        <tr>

            <td>홍길소</td>

            <td>10</td>

            <td>인천</td>            

        </tr>

        <tr>

            <td>홍길남</td>

            <td>15</td>

            <td>부산</td>

        </tr>

        <tr>

            <td>홍길북</tb>

            <td>20</tb>

            <td>대전</tb>            

        </tr>

        <tr>

            <td>고길동</td>

            <td>25</td>

            <td>서울</td>

        </tr>

        <script>

            $('tr:first').css('background','yellow');

            $('tr:last').css('background','lawngreen');

            $('tr:odd').css('background','cyan');   //홀수 인덱스

            $('tr:even').css('background','wheat');  //짝수 인덱스

            $('table tr:eq(3)').css('color','red');

            $('table tr:nth-child(2n+1)').css('color','yellow')  

            //ntn-child(n)은 부모 안의 모든 요소중 n번째 요소

            //n은 0,1,2,3~~정수를 의미// 5n은 5의 곱하기로 보면 되고 n+5은 5번째 이후 모든 요소로 보면됨.

            //an+b== a증감수, b는 오프셋, n은 정수///3n+1...n=0이면 1....1이면 4, 2이면 7....1부터 3번째마다 선택됨

            //ntn-child(2n+1)은 첫번째 요소로부터 2번째 마다 선택

        </script>

    </table>