1、JQuery选择器继承了CSS、路径语音的部分语法，允许通过标签名、属性名、内容对数字正射影像图元素进行快速、准确的选择2、JQuery选择器与Java脚本语言相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下：复制代码代码如下：' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML HEAD TITLE使用JQuery实现隔行变色/TITLE META NAME=' Generator ' CONTENT=' EditPlus ' META NAME=' Author ' CONTENT=' META NAME=' Keywords ' CONTENT=' META NAME=' Description ' CONTENT=' style type=' text/CSS ' body { font-size :12 px；text-align : center } # TbStu { width :260 px；border:solid 1px # 666背景-颜色： # eee } # TbStu tr {行高：23 px } # TbStu tr th {背景-颜色： # CCCcolor: # fff } #斯图trOdd {底色： # fff }/样式脚本语言=' JAVAScript ' type=' text/JAVAScript ' src=' http : jquery-1。8 .3 .量滴js /脚本脚本语言类型=' text/JavaScript ' $(function(){ $(' # tbStu tr : th-child(偶数)')).添加CLaSS(' TRade ')；})/脚本/头体表id=' tbStu '单元格填充=' 0 '单元格间距=' 0 ' t BODY tr th学号/th姓名/th性别/th总分/th/tr/tr TD 1001/tdtd张小明/tdtd男/tdtd320/td /tr tr td1002/tdtd李明旗/tdtd女/tdtd 350/TD/tr/t BOdy/table/BOdy/HTML效果图如

4、使用Java脚本语言实现隔行变色的代码如下：复制代码代码如下：脚本类型=' text/JavaScript '窗口。onload=function(){ var OTb=document。getelementbyid(' tbStu ')；for(var I=0；iotb。行。长度-1；I){ if(I % 2){ OTb。第[一]行.class name=' TRed } } }/脚本JQuery实现隔行变色代码：复制代码代码如下：/script script type=' text/JavaScript ' $(function(){ $(' # tbStu tr :-th child(even)')').添加CLaSS(' TRade ')；})/脚本两者相比，明显JQuery代码更简单。