.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 클래스를 적용합니다.
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
| » | 행에 징검다리 스타일 입히기 (:odd, :even) | 2021.03.31 | 255 |
| 178 | 제이쿼리에서 클래스(class) 이름 추가/삭제 | 2021.03.31 | 287 |
| 177 | click event scroll | 2021.03.31 | 864 |
| 176 | click에 따른 마우스 휠 on off | 2021.03.31 | 341 |
| 175 | 다중 select | 2021.03.31 | 349 |
| 174 | draggable - div 드래그 | 2021.03.31 | 314 |
| 173 | parent of the iframe element selector | 2021.03.31 | 393 |
| 172 | prepend / append - element 추가 (부모/자식 관계) | 2021.03.31 | 271 |
| 171 | before / after / insertBefore / insertAfter - element 추가 (동등 관계) | 2021.03.31 | 215 |
| 170 | 마우스 좌표 얻기 | 2021.03.31 | 301 |
| 169 | 간단한 마우스 포인터 따라 다니기 | 2021.03.26 | 636 |
| 168 | change 전의 값을 가져오기 | 2021.03.26 | 300 |
| 167 | focus() 로 오브젝트 옮기기 | 2021.03.26 | 216 |
| 166 | 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기 | 2021.03.26 | 877 |
| 165 | SELECTBOX MULTIPLE 검색하기 | 2021.03.26 | 603 |
| 164 |
easing - 효과의 진행 속도
|
2021.03.26 | 205 |
| 163 | fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환 | 2021.03.26 | 322 |
| 162 | 정규식, 한글 못쓰게 하기, replace all | 2021.03.26 | 881 |
| 161 | input checkbox 모두 체크하기 | 2021.03.26 | 216 |
| 160 | attr() - style의 특정 속성만 바꾸기 | 2021.03.26 | 1180 |