메뉴 건너뛰기

조회 수 341 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

 

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

 

  1. 행에 징검다리 스타일 입히기 (:odd, :even)

    Date2021.03.31 Views341
    Read More
  2. 제이쿼리에서 클래스(class) 이름 추가/삭제

    Date2021.03.31 Views391
    Read More
  3. click event scroll

    Date2021.03.31 Views973
    Read More
  4. click에 따른 마우스 휠 on off

    Date2021.03.31 Views459
    Read More
  5. 다중 select

    Date2021.03.31 Views482
    Read More
  6. draggable - div 드래그

    Date2021.03.31 Views427
    Read More
  7. parent of the iframe element selector

    Date2021.03.31 Views496
    Read More
  8. prepend / append - element 추가 (부모/자식 관계)

    Date2021.03.31 Views389
    Read More
  9. before / after / insertBefore / insertAfter - element 추가 (동등 관계)

    Date2021.03.31 Views309
    Read More
  10. 마우스 좌표 얻기

    Date2021.03.31 Views426
    Read More
  11. 간단한 마우스 포인터 따라 다니기

    Date2021.03.26 Views756
    Read More
  12. change 전의 값을 가져오기

    Date2021.03.26 Views414
    Read More
  13. focus() 로 오브젝트 옮기기

    Date2021.03.26 Views327
    Read More
  14. 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

    Date2021.03.26 Views3940
    Read More
  15. SELECTBOX MULTIPLE 검색하기

    Date2021.03.26 Views740
    Read More
  16. easing - 효과의 진행 속도

    Date2021.03.26 Views315
    Read More
  17. fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

    Date2021.03.26 Views454
    Read More
  18. 정규식, 한글 못쓰게 하기, replace all

    Date2021.03.26 Views998
    Read More
  19. input checkbox 모두 체크하기

    Date2021.03.26 Views330
    Read More
  20. attr() - style의 특정 속성만 바꾸기

    Date2021.03.26 Views1319
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

나눔고딕 사이트로 가기

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5