메뉴 건너뛰기

조회 수 256 추천 수 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. No Image 31Mar
    by 조쉬
    2021/03/31 Views 256 

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

  2. No Image 31Mar
    by
    2021/03/31 Views 288 

    제이쿼리에서 클래스(class) 이름 추가/삭제

  3. No Image 31Mar
    by
    2021/03/31 Views 864 

    click event scroll

  4. No Image 31Mar
    by
    2021/03/31 Views 341 

    click에 따른 마우스 휠 on off

  5. No Image 31Mar
    by
    2021/03/31 Views 352 

    다중 select

  6. No Image 31Mar
    by
    2021/03/31 Views 316 

    draggable - div 드래그

  7. No Image 31Mar
    by
    2021/03/31 Views 394 

    parent of the iframe element selector

  8. No Image 31Mar
    by
    2021/03/31 Views 274 

    prepend / append - element 추가 (부모/자식 관계)

  9. No Image 31Mar
    by
    2021/03/31 Views 216 

    before / after / insertBefore / insertAfter - element 추가 (동등 관계)

  10. No Image 31Mar
    by
    2021/03/31 Views 302 

    마우스 좌표 얻기

  11. No Image 26Mar
    by
    2021/03/26 Views 637 

    간단한 마우스 포인터 따라 다니기

  12. No Image 26Mar
    by
    2021/03/26 Views 300 

    change 전의 값을 가져오기

  13. No Image 26Mar
    by
    2021/03/26 Views 218 

    focus() 로 오브젝트 옮기기

  14. No Image 26Mar
    by
    2021/03/26 Views 878 

    새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

  15. No Image 26Mar
    by
    2021/03/26 Views 603 

    SELECTBOX MULTIPLE 검색하기

  16. easing - 효과의 진행 속도

  17. No Image 26Mar
    by
    2021/03/26 Views 323 

    fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

  18. No Image 26Mar
    by
    2021/03/26 Views 881 

    정규식, 한글 못쓰게 하기, replace all

  19. No Image 26Mar
    by
    2021/03/26 Views 216 

    input checkbox 모두 체크하기

  20. No Image 26Mar
    by
    2021/03/26 Views 1180 

    attr() - style의 특정 속성만 바꾸기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved