使用jquery制作动态斑马条纹表格 请我该怎样实现

Question

使用jQuery完成一个动态的斑马条纹表格：加载后奇数行底色为红色，当鼠标进入表格时奇数行去掉底色，换成偶数行底色为红色，鼠标离开时候回复到原始状态。（提示：toggleClass）
<br> $(&quot;#one thead&quot;).css(&quot;background&quot;,&quot;blue&quot;);<br> $(&quot;#one tbody tr:odd&quot;).css(&quot;background&quot;,&quot;red&quot;);<br>
已实现部分效果，后边是用toggleClass好呢 还是用mouseover显示隐藏好

Answer 1

。。。

 <script type="text/javascript">
    $(function(){
        $("#one tr:even").addClass("red")
        $("#one tr:first").css("background-color","blue")
        $("#one").hover(function(){
            $("#one tr").toggleClass("red")
            $("#one tr:first").css("background-color","blue")
        })
    })
</script>
<style type="text/css">
    .red{
        background-color: red;
    }
</style>