JS的鼠标经过变色实现不了

代码如下：

            $("tbody tr:odd").css("background-color","red")
            $("tbody tr:even").css("background-color","cornflowerblue")

                $("tbody tr").hover(function(){
                    $(this).addClass("curTr")

                })

curTr是经过时的颜色，odd与even为奇偶行颜色

用这个代码时，鼠标经过时不触发事件。

解决方案：

奇偶行直接使用了css固定了颜色，下面的代码不能起到再修改颜色的作用，得把.css()改为.addClass()

代码如下：

            $("tbody tr:odd").addClass("ji")
            $("tbody tr:even").addClass("ou")
            
                $("tbody tr").hover(function(){
                    $(this).addClass("curTr")

                })

css写在style里，bgcolor就可以了，用此代码鼠标经过触发变色。