本文实例讲述了jQuery实现简单隔行变色的方法。分享给大家供大家参考,具体如下:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jquery 奇偶变色$(document).ready(function() {
$("#hacker").find("tr").addClass("odd");
$("#hacker").find("tr:even").addClass("even");
// $("tr").addClass("odd");
//$("tr:even").addClass("even"); //奇偶变色,添加样式
//$("#hacker tr").addClass("odd");
//$("#hacker tr:even").addClass("even");
});
#hacker tr:hover{background-color:red;}
.odd {background-color: #fff; /* pale yellow for odd rows */}
.even {background-color: #000; /* pale blue for even rows */}
As You Like It | Comedy |
All's Well that Ends Well | Comedy |
Hamlet | Tragedy |
Macbeth | Tragedy |
Romeo and Juliet | Tragedy |
Henry IV, Part I | History |
Henry V | History |
希望本文所述对大家jQuery程序设计有所帮助。