先来看下Jquery选择器的相关介绍：
1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。
2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。
3、使用JQuery选择器实现隔行变色

以下是实现代码：

 
 
 
使用JQuery实现隔行变色-www. 
 
 
 
 
 
body{font-size:12px;text-align:center} 
#tbStu{width:260px;border:solid 1px #666;background-color:#eee} 
#tbStu tr{line-height:23px} 
#tbStu tr th{background-color:#ccc;color:#fff} 
#tbStu .trOdd{background-color:#fff} 
 
 
 
 
$(function(){ 
$("#tbStu tr:nth-child(even)").addClass("trOdd"); 
}) 
 
 
 
 
 
 
学号姓名性别总分 
 
 
1001张小明男320 
 
 
1002李明旗女350 
 
 
 
 

效果图如下所示：

4、以下是javascript实现的隔行变色的代码

 
window.onload=function(){ 
var oTb=document.getElementById("tbStu"); 
for(var i=0;i