.odd { background-color: #FFC; /* 홀수번째 줄은 연한 노란색 */ } .even { background-color: #CEF; /* 짝수번째 줄은 연한 푸른색 */ }
스타일시트에 odd, even 클래스를 정의합니다.
각각, 홀수와 짝수 행에 적용할 클래스입니다.
$(document).ready(function() { $("tr:odd").addClass("odd"); $("tr:even").addClass("even"); $("td:contains('헨리')").addClass("highlight"); });
DOM이 로드되고 이미지가 로드되기 전에 $(document).read() 함수가 실행됩니다.
홀수행(tr:odd)에 odd 클래스를 적용하고, 짝수행(tr:even)에 even 클래스를 적용합니다.
td:contains('헨리')는 '헨리'라는 단어를 포함한 <td> 태그를 찾아서 highlight 클래스를 적용합니다.
'프로그래밍 언어 > jQuery' 카테고리의 다른 글
[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기 예제 (0) | 2014.12.03 |
---|---|
[jQuery] 글자 폰트 사이즈 늘리고 줄이기 예제 (0) | 2014.12.03 |
[jQuery] 리스트 항목에 레벨 단위로 스타일 입히기 (UL, LI 태그) (0) | 2014.12.03 |
[jQuery] ajax로 값을 가져올 때 UTF-8 환경에서 한글깨짐 해결하기 - 자바(java) (2) | 2014.10.29 |
[jQuery] 제이쿼리 API (0) | 2011.05.24 |
댓글