JQuery制作双色表格

来源:互联网 发布:自动弹琴软件 编辑:程序博客网 时间:2024/04/30 23:47

  //JQUERY制作双色表格
    $(document).ready(function(){
          //$(".stripe_tb tr"):获得class属性为stripe_tb的表格后再获取属于表格的行
          $(".stripe_tb tr").mouseover(function(){    //为表格的行添加mouseover事件
              //如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
              $(this).addClass("over");}).mouseout(function(){         
                  $(this).removeClass("over");})//移除该行的Class     
                    //给class为stripe_tb的表格的偶数行添加class值为alt
                   //:even()方法:匹配所有索引值为偶素的元素,从0开始计数:$("tr:even");
                  //:old()方法:匹配所有索引值为奇数的元素,从0开始计数:$("tr:old");
                  $(".stripe_tb tr:even").addClass("alt");             
    }); 
    

原创粉丝点击