在這裡odd作為一個單詞的意思為:奇數的
定義和用法
:odd 選擇器選取每個帶有奇數 index 值的元素(比如 1、3、5)。
index 值從 0 開始,所有第一個元素是偶數 (0)。
最常見的用法:與其他元素/選擇器一起使用,來選擇指定的組中奇數序號的元素(如上面的例子)。
語法
$(":odd")
提示和注釋
提示:請使用 :even 選擇器來選取偶數序號的元素。
例子(選擇表格的奇數行,設置背景顏色):
<html>
<head>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:odd").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<table>
<tr>
<th>Id</th>
<th>LastName</th>
<th>FirstName</th>
<th>Address</th>
<th><a href="http://">City</a></th>
</tr>
<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>
<td>London</td>
</tr>
<tr>
<td>2</td>
<td>Bush</td>
<td><a href="" target="_blank">George</a></td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>
<tr>
<td>3</td>
<td>Carter</td>
<td><a href="http:///menu/jquery/" target="_blank">Thomas</a></td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td><a href="http:///a/bjac/7f8398a9de358d16.htm" target="_blank">Pennsylvania Avenue</a></td>
<td>Washington</td>
</tr>
</table>
</body>
</html>
例子效果:
Welcome to My Web Page
Id |
LastName |
FirstName |
Address |
City |
1
Adams
John
Oxford Street
London
2
Bush
George
Fifth Avenue
New York
3
Carter
Thomas
Changan Street
Beijing
4
Obama
Barack
Pennsylvania Avenue
Washington