這篇文章主要介紹了jQuery中odd選擇器的定義和用法,較為詳細(xì)的分析了odd選擇器的具體功能、定義與使用方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
			本文實(shí)例講述了jQuery中odd選擇器的定義和用法。分享給大家供大家參考。具體分析如下:
			此選擇器匹配索引值為奇數(shù)的元素,從0開始計(jì)數(shù)。
		語(yǔ)法結(jié)構(gòu):
			復(fù)制代碼代碼如下:
			$(":odd")
			 
			此選擇器一般也要和其他選擇器配合使用,比如類選擇器、元素選擇器等等。例如:
			復(fù)制代碼代碼如下:
			$("li:odd)").css("color","green")
			 
			以上代碼是將li元素集合中索引為奇數(shù)的li中的字體顏色設(shè)置為綠色。
		如果沒有和其他選擇器配合使用,那么默認(rèn)和*選擇器配合使用。$(": odd")等同于$("*: odd")
		實(shí)例代碼:
			 
			復(fù)制代碼代碼如下:
			
		<!DOCTYPE html>
		<html>
		<head>
		<meta charset=" utf-8">
		<meta name="author" content="http://www.survivalescaperooms.com/" />
		<title>武林網(wǎng)</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專區(qū)</li>
		  <li>div+css專區(qū)</li>
		  <li>jQuery專區(qū)</li>
		  <li>Javascript專區(qū)</li>
		</ul>
		<button id="btn">點(diǎn)擊查看效果</button>
		</body>
		</html>
			 
			希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。