jQuery 자식필터

 

 

---

 

 

 

 

---

 

 

자식필터

- 자식필터의 인덱스는 1부터 시작한다.

 

- $('li:first-child').css('border', 'solid 2px red'); --> 각 li태그에서 첫번째 li태그한테 테두리 2px 빨간색주기

- $('li:first').css('background', 'yellow'); --> 전체 li태그에서 가장 첫번째에 있는 li태그에 배경색 노란색 주기

- $('li:nth-child(5n)').css('background', 'lightgreen').css('border', 'solid 2px blue');

             --> 5의 배수인 li태그에 배경색 밝은 녹색, 테두리 2px 파란색 주기

 

 

ex) 

- $('td:first-child') --> 각 tr에서 첫번째 td / tr의 갯수만큼 td가 나온다.

- $('td:last-child') --> 각 tr에서 마지막 td / tr의 갯수만큼 td가 나온다.

 

- $(li:nth-child(2n)) --> 2의 배수를 찾는다.

- $(li:nth-child(2)) --> 2번째만 선택한다.

 

- (li:first) --> 전체 li에서 첫번째 / li가 여러개여도 가장 먼저인 li에서 나오니깐 1개가 된다.

- $(li:first-child) --> li마다 자식이 선택됨