.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 클래스를 적용합니다.
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
| 179 | 흐르는 배너 만들기2 | 2016.12.22 | 8361 |
| 178 | 화면 이동시에 레이어가 따라다니게 하기 | 2016.09.21 | 7141 |
| » | 행에 징검다리 스타일 입히기 (:odd, :even) | 2021.03.31 | 210 |
| 176 | 항상 최신버전으로 사용하기 | 2021.03.26 | 283 |
| 175 | 항상 레이어가 정 가운데 위치하는 스크립트 | 2016.12.22 | 6908 |
| 174 | 하단 고정 레이어 스타일(CSS) 따라하기 | 2016.12.22 | 7732 |
| 173 | 페이지 이동 제어 - href, replace, pushState() | 2018.09.06 | 2620 |
| 172 | 파일 업로드 방법, 이미지 파일 업로드 예제 소스 | 2017.03.06 | 9028 |
| 171 | 특정영역 제외하고 body 클릭 | 2018.09.28 | 3610 |
| 170 | 텍스트 필드에 기본글이 마우스 클릭하면 지워지게 하기 폼필드 소스 내에 아래 태그를 삽입한다. | 2019.06.04 | 867 |
| 169 | 터치 디바이스 분기처리 | 2018.11.07 | 1278 |
| 168 | 키보드 이벤트가 발생한 객체의 id값 알아내기 | 2016.09.21 | 7530 |
| 167 | 최초 접속시 css와 script가 로딩되지 않을때 | 2021.03.25 | 322 |
| 166 | 체크박스 전체선택/해지 | 2019.06.04 | 780 |
| 165 | 체크박스 또는 라디오 버튼의 체크여부 변경하기 | 2016.09.21 | 6667 |
| 164 | 중복 없는 랜덤 | 2018.11.07 | 2017 |
| 163 | 제이쿼리에서 클래스(class) 이름 추가/삭제 | 2021.03.31 | 233 |
| 162 | 정규식, 한글 못쓰게 하기, replace all | 2021.03.26 | 842 |
| 161 |
입력폼에 입력되는 값의 유효성 체크하기 두번째
|
2018.09.06 | 1835 |
| 160 | 이미지 회전, rotate(); | 2020.11.25 | 1450 |