用jQuery实现鼠标在table上移动进行样式变化

1、定义样式

<style type="text/css">

.striped

{

background-color:red;

}

.over

{

background-color:#BEBEBE;

}



2、定义事件

<script type="text/javascript">

$(document).ready(function(){



$("table tr:nth-child(even)").addClass("striped"); 偶数行 变化



$("table tr:nth-child(odd )").addClass("striped"); 奇数行 变化



$("tr").mouseover(function(){

$(this).addClass("over");

});



$("tr").mouseout(function() {

$(this).removeClass("over");

});



});

</script>