.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 클래스를 적용합니다.
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
| 19 | input checkbox 모두 체크하기 | 2021.03.26 | 217 |
| 18 | 정규식, 한글 못쓰게 하기, replace all | 2021.03.26 | 881 |
| 17 | fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환 | 2021.03.26 | 323 |
| 16 |
easing - 효과의 진행 속도
|
2021.03.26 | 207 |
| 15 | SELECTBOX MULTIPLE 검색하기 | 2021.03.26 | 603 |
| 14 | 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기 | 2021.03.26 | 878 |
| 13 | focus() 로 오브젝트 옮기기 | 2021.03.26 | 218 |
| 12 | change 전의 값을 가져오기 | 2021.03.26 | 300 |
| 11 | 간단한 마우스 포인터 따라 다니기 | 2021.03.26 | 637 |
| 10 | 마우스 좌표 얻기 | 2021.03.31 | 302 |
| 9 | before / after / insertBefore / insertAfter - element 추가 (동등 관계) | 2021.03.31 | 216 |
| 8 | prepend / append - element 추가 (부모/자식 관계) | 2021.03.31 | 276 |
| 7 | parent of the iframe element selector | 2021.03.31 | 394 |
| 6 | draggable - div 드래그 | 2021.03.31 | 316 |
| 5 | 다중 select | 2021.03.31 | 352 |
| 4 | click에 따른 마우스 휠 on off | 2021.03.31 | 341 |
| 3 | click event scroll | 2021.03.31 | 864 |
| 2 | 제이쿼리에서 클래스(class) 이름 추가/삭제 | 2021.03.31 | 288 |
| » | 행에 징검다리 스타일 입히기 (:odd, :even) | 2021.03.31 | 257 |