正在加载图片...
《Web交互开发》实验教学指导/实验三: jQuery操作DOM (2)部分代码如下 <lDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN mII/DTD/xhtmll-transitionaldtd chtmlxmins="hTtp://www.w3.org/1999/xhtml"> <head> <te。使用 jQuery选择器实现隔行变色< title <style type="text/css"> #tbStu( width: 260px; border: solid lpx #666, background-color #eee) #tbStu tr( line-height: 23px) </style> body> <table id="tbStu"cellpadding="0"cellspacing=0"> <h>学号<th><th>姓名<th><th>性别<h><th>总分<h> <!-奇数行-> <td100l</d<d张小明</d><td>男</td><td>320<td> -偶数行 <td1002</td><td李明琪</td><td>女</td><td>350</d !-奇数行-> <td1001</td><td>王子夏<td><td>男<td><td>320</td </tr> <!-偶数行-> td>1002</d><td>张浩杰</td<d女</td><td350</td </tbody>> /body. </html> (3)请完成以下任务 任务一:编写CSS样式,使标题行和表格行显示如图3-1所示的样式。(2分) 任务二:搭建 jQuery开发环境,编写 jQuery语句实现表格隔行变色?(3分) 本讲共计7页当前第2页《Web 交互开发》实验教学指导 / 实验三 ：jQuery 操作 DOM 本讲共计 7 页 | 当前第 2 页 （2）部分代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用 jQuery 选择器实现隔行变色</title> <style type="text/css"> body{font-size:12px;text-align:center} #tbStu{width:260px;border:solid 1px #666;background-color:#eee} #tbStu tr{line-height:23px} </style> </head> <body> <table id="tbStu" cellpadding="0" cellspacing="0"> <tbody> <tr> <th>学号</th><th>姓名</th><th>性别</th><th>总分</th> </tr> <!--奇数行--> <tr> <td>1001</td><td>张小明</td><td>男</td><td>320</td> </tr> <!--偶数行--> <tr> <td>1002</td><td>李明琪</td><td>女</td><td>350</td> </tr> <!--奇数行--> <tr> <td>1001</td><td>王子夏</td><td>男</td><td>320</td> </tr> <!--偶数行--> <tr> <td>1002</td><td>张浩杰</td><td>女</td><td>350</td> </tr> </tbody> </table> </body> </html> （3）请完成以下任务： 任务一：编写 CSS 样式，使标题行和表格行显示如图 3-1 所示的样式。（2 分） 任务二：搭建 jQuery 开发环境，编写 jQuery 语句实现表格隔行变色？（3 分）