반응형
//basic이라는 클래스네임을 가진 요소의 tr 요소 중 홀수번째에 bg1클래스 부여
$(".basic tr:odd").addClass("bg1");
//basic이라는 클래스네임을 가진 요소의 tr 요소 중 짝수번째에 bg2클래스 부여
$(".basic tr:even").addClass("bg2");
//basic이라는 클래스네임을 가진 요소의 tr 요소중 마지막 요소에 end 클래스 부여
$(".basic tr:last").addClass("end");
//basic이라는 클래스네임을 가진 요소의 td 요소중 3번째 요소들에 right 클래스 부여
$(".basic td:nth-child(3)").addClass("right");
//응용
$(".basic tr:even td:nth-child(4)").addClass("right");
//basic이라는 클래스네임을 가진 요소의 th 요소중 마지막 요소(들)에 right 클래스 부여
$(".basic th:last-child").addClass("right");
//basic이라는 클래스네임을 가진 요소의 td 요소중 마지막 요소(들)에 right 클래스 부여
$(".basic td:last-child").addClass("right");
$(".basic tr").mouseover(function() {$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
출처 : http://mulue.springnote.com/pages/5141083?print=1
$(".basic tr:odd").addClass("bg1");
//basic이라는 클래스네임을 가진 요소의 tr 요소 중 짝수번째에 bg2클래스 부여
$(".basic tr:even").addClass("bg2");
//basic이라는 클래스네임을 가진 요소의 tr 요소중 마지막 요소에 end 클래스 부여
$(".basic tr:last").addClass("end");
//basic이라는 클래스네임을 가진 요소의 td 요소중 3번째 요소들에 right 클래스 부여
$(".basic td:nth-child(3)").addClass("right");
//응용
$(".basic tr:even td:nth-child(4)").addClass("right");
//basic이라는 클래스네임을 가진 요소의 th 요소중 마지막 요소(들)에 right 클래스 부여
$(".basic th:last-child").addClass("right");
//basic이라는 클래스네임을 가진 요소의 td 요소중 마지막 요소(들)에 right 클래스 부여
$(".basic td:last-child").addClass("right");
$(".basic tr").mouseover(function() {$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
출처 : http://mulue.springnote.com/pages/5141083?print=1
반응형
'Programing > javascript' 카테고리의 다른 글
JSON] String to Object (String to json) (0) | 2013.03.05 |
---|---|
웹 사이트 프린트 방지 (0) | 2013.01.03 |
jQuery preventDefault() (0) | 2011.06.23 |
jquery 자식창에서 부모창으로 값 전달. (0) | 2011.02.08 |
jquery input의 value 값 알아오기 (1) | 2010.04.12 |
문자열 잘라서 배열에 넣기 (0) | 2010.03.31 |
javascript opener 오류 "엑세스가 거부 되었습니다." (2) | 2010.03.26 |
iframe height 자동 리사이징 (1) | 2010.01.22 |