//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");
});
JQuery製作雙色表格
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.