Jquery는 색상 변경 위로 마우스를 이동할 때 교대로 테이블 색상이 변경되도록 구현합니다.

$(document).ready(function(){
///////Datagrid에서 선택한 행의 색상이 변경되고 마우스가 해당 행 위로 이동합니다. //////////// /// /
var dtSelector = ".list";
var tbList = $(dtSelector)

tbList.each(function() {
var self = this;
$( "tr:even:not(:first)", $(self)).addClass("normalEvenTD") // 헤더 줄의 다음 줄부터 시작하는 홀수 줄, 줄 수: (1 , 3, 5... )
$("tr:odd", $(self)).addClass("normalOddTD") // 헤더 줄의 다음 줄부터 시작하는 짝수 줄, 개수 줄: (2, 4, 6... )

//마우스가 지나간 줄의 색상이 변경됩니다
$("tr:not(:first)", $(self)).hover (
함수 () { $(this).addClass ('hoverTD');$(this).removeClass('table-td-content'); },
함수 () { $(this). RemoveClass('hoverTD');$(this).addClass( 'table-td-content') }
)

//선택 행 색상 변경
$("tr", $(self)).click(function (){
var trThis = this;
$(self).find(".trSelected").removeClass('trSelected');
if ($( trThis).get(0) == $("tr:first ", $(self)).get(0)){
return
}
$(trThis).addClass('trSelected ');
});
});