DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jQ:odd 選擇器 選擇奇數元素
jQ:odd 選擇器 選擇奇數元素
編輯:JQuery常見問題     
在這裡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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved