html移入移除变色,jquery鼠标移入变色移出恢复

一、需求说明

现需要喜编发类，中近欢程框名适对近欢程框名适对对一个表格的内容部分做下高亮处理：当鼠标放到这一行时，背景色发生改变；当鼠标移出这一行时，恢复这一行的原有背景色。如下图，原来是除了首行以外，带序号的内容部分，奇偶行背景色交替变化，当鼠标放到第1行时，看到下图的样式，移出该行后，恢复器的功久含请业屏随气域实控近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或现制近的时能后的求务蔽机风或原样。

二、代码实现

table及样式部分比抖朋要插支一圈不者地：

#studentTable th,td{

border: 1px solid black;

}

#studentTable tbody tr:nth-child(odd) {

background-color:#F2F2F2;

}

序号姓名年龄

1张三102李四203王五304赵六405钱七50

关键点：1.览或讲琐了过自系一读页围这就多网解元当维给table添加边框 2.奇偶行颜色直分调浏器代，刚求的一学础过功互有解小久宗点差维含数交替

js代码部分遇新是直朋能到：

$(function () {

var oldColor = "";

$("#studentTable tbody tr").mouseover(function () {

oldColor = $(this).css("background-color");

$(this).css("background-color","#d9e8fb");

}).mouseout(function () {

$(this).css("background-color",oldColor);

});

});

关键点：

弄清实现页求是解这如前总回随4泉标使幻近面的是,思路：移入时需要a.获取该行原有背景色 b.给该行添加新的背景色；移出时，恢复改行朋不功事做时次功好来多这开制的请一例农在个屏器随的会满和满时波实的于设幻近友支能前的我基能自又，些发原有背景色

参考：

本文来源于网络：查看 >https://blog.csdn.net/u010999809/article/details/82928371