addClass(class):为每个匹配的元素添加指定的类名。
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").addClass("selected");
结果:
[ <p class="selected">Hello</p> ]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/style.css" />
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
<script>
$(function(){
// $("tbody tr:even").css("background-color","gold");
// $("tbody tr:odd").css("background-color","pink");
$("tbody tr:even").addClass("even");
$("tbody tr:even").removeClass("even");
$("tbody tr:odd").addClass("odd");
});
</script>
</head>
<body>
<table border="1px" width="200px" height="200px" style="margin: auto;">
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>age</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>tom</td>
<td>21</td>
</tr>
<tr>
<td>2</td>
<td>jack</td>
<td>22</td>
</tr>
<tr>
<td>3</td>
<td>lucy</td>
<td>23</td>
</tr>
<tr>
<td>4</td>
<td>lucy2</td>
<td>24</td>
</tr>
</tbody>
</table>
</body>
</html>