1、.class:根据给定的类匹配元素
2、实例如下
class.html：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>类选择器</title>
<script type="text/javascript" src="jquery-2.0.3.js"></script>
<style type="text/css">
.tr_odd{
background:#CCFFFF;
}
.tr_even{
background:#CCFF00;
}
</style>
<script type="text/javascript">
$(function(){
//设置表格的背景色
$(".tab").css("background-color","#EBEBEB");
//设置表格的宽度
$(".tab").css("width","50%");
//设置表格的高度
$(".tab").css("height","150px");
//设置表头的背景色
$(".tab_tr th").css("background-color","#DEB887");
//设置表体的字对齐方式
$("tr td").css("text-align","center");
//设置表格体边框
$("tr td").css("border","1px solid #006666");
//设置奇数行表格背景色
$("tr:odd").addClass("tr_odd");
//设置偶数行表格的背景色
$("tr:even").addClass("tr_even");
});
</script>
</head>
<body>
<table class="tab">
<tr class="tab_tr">
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>地址</th>
<th>爱好</th>
<th>电话</th>
</tr>
<tr>
<td>2012010101</td>
<td>张三丰</td>
<td>34</td>
<td>男</td>
<td>湖北省武汉市</td>
<td>足球</td>
<td>15245245555</td>
</tr>
<tr>
<td>2012010102</td>
<td>赵忠项</td>
<td>25</td>
<td>男</td>
<td>湖北省黄冈市</td>
<td>篮球</td>
<td>14245245555</td>
</tr>
<tr>
<td>2012010103</td>
<td>孙晓雪</td>
<td>34</td>
<td>女</td>
<td>湖南省长沙市</td>
<td>羽毛球球</td>
<td>14512455555</td>
</tr>
<tr>
<td>2012010104</td>
<td>李雪加</td>
<td>28</td>
<td>女</td>
<td>广东深圳市</td>
<td>网球</td>
<td>14512445555</td>
</tr>
<tr>
<td>2012010105</td>
<td>孙晓雪</td>
<td>34</td>
<td>女</td>
<td>湖南省长沙市</td>
<td>羽毛球球</td>
<td>14512455555</td>
</tr>
<tr>
<td>2012010106</td>
<td>李雪加</td>
<td>28</td>
<td>女</td>
<td>广东深圳市</td>
<td>网球</td>
<td>14512445555</td>
</tr>
<tr>
<td>2012010107</td>
<td>孙晓雪</td>
<td>34</td>
<td>女</td>
<td>湖南省长沙市</td>
<td>羽毛球球</td>
<td>14512455555</td>
</tr>
<tr>
<td>2012010108</td>
<td>李雪加</td>
<td>28</td>
<td>女</td>
<td>广东深圳市</td>
<td>网球</td>
<td>14512445555</td>
</tr>
<tr>
<td>2012010109</td>
<td>孙晓雪</td>
<td>34</td>
<td>女</td>
<td>湖南省长沙市</td>
<td>羽毛球球</td>
<td>14512455555</td>
</tr>
<tr>
<td>2012010110</td>
<td>李雪加</td>
<td>28</td>
<td>女</td>
<td>广东深圳市</td>
<td>网球</td>
<td>14512445555</td>
</tr>
</table>
</body>
</html>
3、显示结果如下图：
