1 下列说法正确的是（）
参考答案
本题正确答案为D。
A选项说法错误。使用jQuery时，需要引入jQuery的js文件。
B选项说法错误。进行jQuery操作的第一步是引入jQuery的js文件。
C选项说法错误。使用“$”符号封装的对象是jQuery对象；使用document.getElementById(“XX”)获取的对象是DOM对象。
2 编写程序，实现如图所示的页面效果
选中其中一列的复选框时，该复选框所在行的背景色高亮显示（黄色）。取消选中复选框时，所在行的背景色恢复。界面显示效果如图-1所示。
图– 1
参考答案
实现此案例可按照如下步骤进行。
步骤一：新建exec01.html文件
新建exec01.html文件，在该文件中创建如图-1所示的表格（没有设置表格的背景颜色），代码如图-2所示。
图– 2
步骤二：引入jQuery.js文件
在exec01.html文件中引入jQuery.js文件，代码如图-3所示。
图– 3
步骤三：设置背景颜色
给表格设计背景颜色，代码如图-4、图-5所示。
图– 4
图– 5
步骤四：使被选中的表格加亮显示
继续添加jQuery代码，使被选中的表格加亮显示，代码如图-6所示。
图– 6
步骤五：运行查看效果
访问exec01.html页面，界面显示效果如图-7所示。
图– 7
本案例的完整代码如下。
exec01.html文件的完整代码如下所示：
<html>
<head>
<!-- 加亮某行(带有多选框) -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
thead{
background-color:#cccccc;
}
.row1{
background-color:#FFE7BA;
}
.row2{
background-color:#FFF0F5;
}
.selected{
background-color:#FFFF00;
}
</style>
<script type="text/javascript" src="js/jquery-1.11.1.js">
</script>
<script type="text/javascript">
$(function(){
$('tbody tr:odd').addClass('row1');
$('tbody tr:even').addClass('row2');
});
$(function(){
//刷新页面时，如果被选中，应该加亮
$('tbody :checkbox:checked').parent().parent().addClass('selected');
$('tbody tr').click(function(){
if($(this).hasClass('selected')){
$(this).removeClass('selected');
$(this).find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected');
$(this).find(':checkbox').attr('checked',true);
}
});
});
</script>
</head>
<body>
<table width="50%" border="1" cellpadding="0"
cellspacing="0">
<caption style="font-weight:800;">员工信息</caption>
<thead>
<tr><th> </th><th>姓名</th><th>薪水</th><th>年龄</th></tr>
</thead>
<tbody>
<tr><td><input type="checkbox" name="c1"/></td><td>张三</td><td>20000</td><td>23</td></tr>
<tr><td><input type="checkbox" name="c1" checked="checked"/></td><td>李四</td><td>22000</td><td>22</td></tr>
<tr><td><input type="checkbox" name="c1"/></td><td>王五</td><td>14000</td><td>26</td></tr>
<tr><td><input type="checkbox" name="c1"/></td><td>马六</td><td>15000</td><td>21</td></tr>
</tbody>
</table>
</body>
</html>