jQuery的:odd選擇器用於匹配所有索引值為奇數的元素，將其封裝為jQuery物件並傳回。
與該選擇器相對的是:even選擇器，用於匹配所有索引值為偶數的元素。
注意：由於索引值是從0開始計數的，因此奇數索引上的元素實際上是自然順序上為偶數的元素。
此選擇器符合索引值為奇數的元素，從0開始計數。
語法結構:
$(":odd")此選擇器一般也要和其他選擇器搭配使用，例如類別選擇器、元素選擇器等等。例如:
$("li:odd)").css("color","green")以上程式碼是將li元素集合中索引為奇數的li中的字體顏色設定為綠色。
如果沒有和其他選擇器配合使用，那麼預設和*選擇器配合使用。 $(": odd")等同於$("*: odd")
實例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("li:odd").css("color","blue");
});
});
</script>
</head>
<body>
<ul>
<li>html专区</li>
<li>div+css专区</li>
<li>jQuery专区</li>
<li>Javascript专区</li>
</ul>
<button id="btn">点击查看效果</button>
</body>
</html>傳回值
傳回封裝了符合選擇器selector的DOM元素中索引值為奇數的DOM元素的jQuery物件。
如果與選擇器selector相符的元素不足2個，則傳回空的jQuery物件。
範例&說明
以下面這段HTML程式碼為例：
<div id="n1">
<div id="n2">
<ul id="n3">
<li id="n4">item1</li>
<li id="n5">item2</li>
<li id="n6">item3</li>
</ul>
</div>
<div id="n7">
<ul id="n8">
<li id="n9">item1</li>
<li id="n10">item2</li>
</ul>
</div>
</div>現在，我們想要找出自然順序為偶數(索引值為奇數)的div標籤，則可以編寫如下jQuery程式碼：
// 选择了id为n2的一个元素
$("div:odd");接著，找出所有ul標籤中自然順序為偶數(索引值為奇數)的li標籤，則可以寫如下jQuery程式碼：
// 选择了id分别为n5、n9的两个元素
$("ul li:odd"); 
以上是jquery :odd選擇器的應用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
