js 代码：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

$(document).ready(function(){
    //如果鼠标移动到 class 为 stripe 的表格的 tr 上时，执行函数
    $(".stripe tr").mouseover(function(){
        //给这行添加 class 值为 over 并且当鼠标经过该行时执行函数
            $(this).addClass("over");
        }).mouseout(function(){
            $(this).removeClass("over");//移除该行的 class
        })
    $(".stripe tr:even").addClass("alt");//给 class 为 stripe 的表格的偶数添加 class 值为 alt
});

知识点：

  • mouseover(fn) 在每一个匹配元素的 mouseover 事件中绑定一个处理函数。mouseover 事件会在鼠标移入对象时触发。
  • mouseout(fn) 在每一个匹配元素的 mouseout 事件中绑定一个处理函数。mouseout 事件在鼠标从元素上离开后会触发。
  • removeClass([class]) 从所有匹配的元素中删除全部或者指定的类。
  • addClass(class) 为每个匹配的元素添加指定的类名。一个或多个要添加到元素中的 CSS 类名，请用空格分开。