:odd 선택자는 요소 집합에서 index 기준으로 색인이 홀수인 요소를 찾아줍니다.
원문 링크 
http://api.jquery.com/odd-selector/
- jQuery(':odd')
색인 기준으로 보면 홀수지만 눈으로 보이는 것은 짝수번째 인것처럼 보입니다. 그건 우리가 숫자를 배울때 1부터 배워서 그런건데요. 프로그램에서는 0이 시작점입니다. 그러니까 색인 기준으로 홀수번째 요소를 선택하고 싶으시면 이 선택자를 사용하시면 됩니다.
예 제
테이블에서 홀수번째 rows 를 선택해서 색을 입힙니다. (index 1, 3, 4 etc) 기억하세요 : 색인의 초기값은 0 입니다.
<!DOCTYPE html>
<html>
<head>
<style>
table {
background:#f3f7f5;
}
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<table border="1">
<tr><td>Row with Index #0</td></tr>
<tr><td>Row with Index #1</td></tr>
<tr><td>Row with Index #2</td></tr>
<tr><td>Row with Index #3</td></tr>
</table>
<script>$("tr:odd").css("background-color", "#bbbbff");</script>
</body>
</html>미리보기
테이블에 색을 주는 일이 종종 있는데 이 선택자를 사용하면 되겠네요. 참고로 :even 선택자는 짝수를 찾아줍니다.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - radio 버튼 찾기 : radio (2) | 2011.02.21 |
|---|---|
| jQuery API 정복 - type=password 인 것 찾기 : password (2) | 2011.02.18 |
| jQuery API 정복 - 다른 요소를 포함한 요소 찾기 : parent (2) | 2011.02.18 |
| jQuery API 정복 - 유일한 자식 요소 찾기 : only-child (8) | 2011.02.17 |
| jQuery API 정복 - n번째 자식요소 찾기 : nth-child (5) | 2011.02.16 |
| jQuery API 정복 - ~이 아닌 요소 선택하기 : not (3) | 2011.02.16 |
| jQuery API 정복 - 다음 형제 요소 찾기 : next ~ siblings (6) | 2011.02.15 |
| jQuery API 정복 - 다음 요소 선택하기 : prev + next (5) | 2011.02.14 |