JQuery製作雙色表格

  //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");             
    }); 
    

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章