HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src='http://libs.itshubao.com/jquery/2.1.3/jquery.min.js'></script>
</head>
<body>
<p>body 中第一个 p 元素，也是 body 的第一个子元素 (奇数)。</p>
<p>body 中最后一个 p 元素，也是 body 的最后一个子元素 (偶数)。</p>
<div style="border:1px solid;">
<span>span 元素，是 div 的第一个子元素。</span>
<p>div 中第一个 p 元素，是 div 的第二个子元素 (偶数)。</p>
<p>div 中第二个 p 元素，是 div 的第三个子元素 (奇数)。</p>
<p>div 中第三个 p 元素，是 div 的第四个子元素 (偶数)。</p>
<p>div 中最后一个 p 元素，也是 div 的最后一个子元素 (奇数)。</p>
</div><br>
<div style="border:1px solid;">
<p>另一个 div 中第一个 p 元素，是另一个 div 的第一个子元素 (奇数)。</p>
<p>另一个 div 中第二个 p 元素，是另一个 div 的第二个子元素 (奇数)。</p>
<p>另一个 div 中第三个 p 元素，是另一个 div 的第三个子元素 (奇数)。</p>
<p>另一个 div 中最后一个 p 元素，是另一个 div 的最后一个子元素 (奇数)。</p>
</div>
</body>
</html>
JavaScript
$(document).ready(function(){
$("p:nth-child(odd)").css("background-color","yellow");
$("p:nth-child(even)").css("background-color","pink");
});