메뉴 건너뛰기

조회 수 255 추천 수 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 Views255
    Read More
  2. 제이쿼리에서 클래스(class) 이름 추가/삭제

    Date2021.03.31 Views287
    Read More
  3. click event scroll

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

    Date2021.03.31 Views341
    Read More
  5. 다중 select

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved