The html code is as follows:
<Html>
$ (Document ). ready (function () {////// the color of the row selected by the datagrid and the color of the mouse passing by the row // var dtSelector = ". list "; var tbList = $ (dtSelector); tbList. each (function () {var self = this; $ ("tr: even: not (: first)", $ (self )). addClass ("normalEvenTD"); // an odd number of rows starting from the next row of the header line. number of rows: (1, 3, 5 ...) $ ("tr: odd", $ (self )). addClass ("normalOddTD"); // an even number of rows starting from the next row of the header line. number of rows: (2, 4, 6 ...) // The Color of the row passing by the mouse $ ("tr: not (: first)", $ (self )). hover (function () {$ (this ). addClass ('hovertd '); $ (this ). removeClass ('table-td-content');}, function () {$ (this ). removeClass ('hovertd '); $ (this ). addClass ('table-td-content') ;}); // select row color $ ("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 ');});});});