메뉴 건너뛰기

조회 수 210 추천 수 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. easing - 효과의 진행 속도

    Date2021.03.26 Views156
    Read More
  2. jQuery 사용자 정의 속성이 잘 반영되지 않은 경우

    Date2021.03.25 Views158
    Read More
  3. before / after / insertBefore / insertAfter - element 추가 (동등 관계)

    Date2021.03.31 Views168
    Read More
  4. radio 제어하기

    Date2021.03.25 Views170
    Read More
  5. focus() 로 오브젝트 옮기기

    Date2021.03.26 Views171
    Read More
  6. input checkbox 모두 체크하기

    Date2021.03.26 Views176
    Read More
  7. 모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예

    Date2021.03.25 Views189
    Read More
  8. foreach문

    Date2021.03.26 Views195
    Read More
  9. CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때

    Date2021.03.25 Views200
    Read More
  10. 행에 징검다리 스타일 입히기 (:odd, :even)

    Date2021.03.31 Views210
    Read More
  11. jquery 사용자정의 속성의 사용

    Date2021.03.25 Views211
    Read More
  12. parent of the iframe element selector

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

    Date2021.03.31 Views225
    Read More
  14. jQuery로 접속 주소(URL) 알아내기

    Date2021.03.25 Views228
    Read More
  15. 라디오 버튼 선택값 가져오기

    Date2021.03.26 Views229
    Read More
  16. 제이쿼리에서 클래스(class) 이름 추가/삭제

    Date2021.03.31 Views233
    Read More
  17. change 전의 값을 가져오기

    Date2021.03.26 Views251
    Read More
  18. 마우스 좌표 얻기

    Date2021.03.31 Views271
    Read More
  19. draggable - div 드래그

    Date2021.03.31 Views273
    Read More
  20. javascript, jQuery에서 루프 돌리기 예 (for, forEach, each)

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved