(3) 利用JQuery完成如下界面设计要求，在index.html页面中展示的效果如下：（要求隔行变色） 设备号 设备名称 设备价格 设备厂家 设备备注 20092680 PC机 3000 联想 教师机 20092681 交换机 3500 神州数码 组建教学局域网 20092682 智能终端 5000 新大陆 环境温度采集

好的，这是一个基于 jQuery 的隔行变色的表格设计：

HTML 代码：

<table id="equipmentTable" border="1">
  <thead>
    <tr>
      <th>设备号</th>
      <th>设备名称</th>
      <th>设备价格</th>
      <th>设备厂家</th>
      <th>设备备注</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>20092680</td>
      <td>PC机</td>
      <td>3000</td>
      <td>联想</td>
      <td>教师机</td>
    </tr>
    <tr>
      <td>20092681</td>
      <td>交换机</td>
      <td>3500</td>
      <td>神州数码</td>
      <td>组建教学局域网</td>
    </tr>
    <tr>
      <td>20092682</td>
      <td>智能终端</td>
      <td>5000</td>
      <td>新大陆</td>
      <td>环境温度采集</td>
    </tr>
  </tbody>
</table>

jQuery 代码：

$(document).ready(function() {
  // 隔行变色
  $('#equipmentTable tr:odd').css('background-color', '#f2f2f2');
});

解释一下，这个例子中，我们使用了 jQuery 的选择器来选中表格中的奇数行，然后使用 `css()` 方法来设置这些行的背景颜色为浅灰色。需要注意的是，我们使用了 `$(document).ready()` 函数来确保页面加载完成后再执行隔行变色的操作。