본문 바로가기
프로그래밍 언어/jQuery

[jQuery] 행에 징검다리 스타일 입히기 (:odd, :even)

by 우림 2014. 12. 3.



	.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 클래스를 적용합니다.



댓글