Even : 짝수, Odd : 홀수에 관련된 예제입니다.
[ 기본필터 ]
| 표현식 | 설명 |
| :first | 선택된 개체들 중 첫 번째 요소와 일치합니다. |
| :last | 선택된 개체들 중 마지막 요소와 일치합니다. |
| :not(selector) | 괄호에 주어진 셀렉터와 일치되는 모든 요소를 제외합니다. |
| :even | 짝수 요소들과 일치합니다. (0부터 시작) |
| :odd | 홀수 요소들과 일치합니다. (0부터 시작) |
| :eq(index) | 인덱스에 해당하는 단일 요소와 일치합니다. |
| :gt(index) | 주어진 인덱스보다 높은 인덱스를 갖는 모든 요소와 일치합니다. |
| :lt(index) | 주어진 인덱스보다 낮은 인덱스를 갖는 모든 요소와 일치합니다. |
| :header | 모든 헤더 요소들(h1, h2, h3 등)과 일치합니다. |
| :animated | 현재 애니메이션이 동작중인 모든 요소와 일치합니다. |
| 04.EvenOdd.htm |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>테이블의 짝수번째 배경색 변경</title> <style type="text/css"> .redColor { background-color:Red; } .yellowColor { background-color:Yellow; } </style> <script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ //[1] 홀수번째 배경색으로 red로 하고 싶다? odd = 홀수 $('tr:odd').addClass('redColor'); //[2] tr 태그 중 짝수번째 배경색을 blue로 하고자 한다면? even = 짝수 $('tabletr:even').addClass('yellowColor'); }); </script> </head> <body> <table> <tr> <td> Window Server(0번째 : 짝수) </td> </tr> <tr> <td> SQL Server </td> </tr> <tr> <td> Visual Studio </td> </tr> <tr> <td> DotNetNuke </td> </tr> </table> </body> </html> |
| 결과화면 |
 [그림4-1] |
04.EvenOdd.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 06.jQuery - 메서드 체인 ( 06.Chain ) (0) | 2009.11.05 |
|---|---|
| 05.jQuery - 특정 텍스트 검색 ( 05.Contains ) (0) | 2009.11.05 |
| 03.jQuery - 정규표현식 Selector ( 03.RegSelector ) (0) | 2009.11.05 |
| 02.jQuery - 선택기 ( 02.Selector.htm ) (0) | 2009.11.05 |
| 01.jQuery - 기본문법 (01.HellowWorld.htm) (2) | 2009.11.05 |
Comments