Programing/javascript

jquery 핸들링 1 [Table 핸들링][펌]

Dongkkase 2010. 8. 30. 11:00
반응형
//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

반응형