1、jquery选择器继承了css、path语音的部分语法，允许通过标签名、属性名、内容对dom元素进行快速、准确的选择。
2、jquery选择器与javascript相比，具有代码简单、完善的检测机制的优势。
3、使用jquery选择器实现隔行变色，示例代码如下：
复制代码 代码如下:
<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"> <br></script>
<script type="text/javascript"> <br>$(function(){ <br>$("#tbStu tr:nth-child(even)").addClass("trOdd"); <br>}) <br></script>
| 学号 | 姓名 | 性别 | 总分 |
|---|---|---|---|
| 1001 | 张小明 | 男 | 320 |
| 1002 | 李明旗 | 女 | 350 |
效果图如：
4、使用JavaScript实现隔行变色的代码如下：
复制代码 代码如下:
<script type="text/javascript"> <br>window.onload=function(){ <br>var oTb=document.getElementById("tbStu"); <br>for(var i=0;i<oTb.rows.length-1;i++){ <br>if(i%2){ <br>oTb.rows[i].className="trOdd"; <br>} <br>} <br>} <br></script>
JQuery实现隔行变色代码
：
复制代码 代码如下:
<script type="text/javascript"> <br>$(function(){ <br>$("#tbStu tr:nth-child(even)").addClass("trOdd"); <br>}) <br></script>
两者相比，明显JQuery代码更简单。
