jquery实现效果比较好的桌子选中行颜色

jquery表选中行颜色（效果更好)复制代码代码如下： html标题样式类型='text/css ' .table-tr-title { height : 26px；font-size : 12px文本对齐：中心；} .表-tr-content { height : 18px；背景： # FFFFFF文本对齐：中心；font-size : 12px} .normalEvenTD { background : # DFD 8d 8；} .normalOddd { background : # FFFFFF；} .悬停TD {背景色： # eafc D5；高度： 18px文本对齐：中心；font-size : 12px} .B2F6；高度： 18px文本对齐：中心；font-size : 12px}/样式/头体表格宽度=' 99% ' class=' list ' style=' word-break : break-all ' border=' 0 ' align=' center '单元格边距=' 0 '单元格间距=' 1 ' bgcolor=' # c0de 98 ' tr class=' table-tr-title ' TD宽度='5% '标题TD/TD宽度='5% '标题TD/TD宽度='5% '标题TD/TD宽度='5% '标题/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD width=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/tr/tr类=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr/tr级=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/TD/tr tr class=' table-tr-content ' TD宽度=' 5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据TD/TD宽度='5% '数据/td /tr /body /html js代码：复制代码代码如下：脚本类型=' text/JAVAScript ' src=' http : jquery-1。 6 .4 .js '/script script $(function(){////////datagrid选中行变色与鼠标经过行变色///////列表；var tbList=$(DTselector)；tblist。每个(function(){ var self=this；$(‘tr :连：不(:先)’，$(self)).添加类(' normalEvenTD ')；//从标头行下一行开始的奇数行，行数：(1,3,5.)$(' tr :奇数'，$(self)).添加类(' NormaL Oddd ')；//从标头行下一行开始的偶数行，行数：(2,4,6.) //鼠标经过的行变色$('tr:not(:first)'，$(self)).悬停(function () { $(this)).添加CLaSS(' HeaLTH TD ')；$(这个)。remove CLaSS(' table-TD-content ')；}，function () { $(this).移除CLaSS(' HeaLTH TD ')；$(这个)。addCLaSS(' table-TD-content ')；} );//选择行变色$('tr '，$(self)).单击(function(){ var trThis=this；$(自我)。查找('。'trSelected ').移除CLaSS(' TrSelected ')；if ($(trThis).get(0)==$('tr:first '，$(self)).get(0)){ return；} $(trThis).添加CLaSS(' TrSelected ')；});});});/script效果显示