篩選方法在於使用「：」符號之後就是篩選方式。
even為偶數
odd為奇數
first為第一個
last為最後一個
程式範例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>篩選的方法為even、odd 、first、last</title>
<style type="text/css">
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.yellow{color:yellow;}
</style>
</head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('tr:even').addClass('blue');
$('tr:odd').addClass('red');
$('ol li:first').addClass('green');
$('ol li:last').addClass('yellow');
});
</script>
<body>
<p>tr使用偶數even 奇數odd</p>
<table width="200" border="1">
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</tbody>
</table>
<p>ol li最前面first與最後面last</p>
<ol>
<li>第一</li>
<li>第二</li>
<li>第三</li>
<li>第四</li>
</ol>
</body>
</html>
留言列表
程式語法 (11)
