首先是各個書上都有的概念上的區別：
1、nth-child(N)：下標從1開始；eq(N)：下標從0開始
2、nth-child(N)：選擇多個元素；eq(N)：選擇一個元素
3、nth-child(N)：在一個文檔樹種中，選擇各層排行第N的所有元素。eq(N)：在一個文檔樹種中，前序排列后，選擇第N個元素
具體事例
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
$("p:nth-child(1)").css("background-color","#ff0000");
});
</script>
</head>
<body>
<p>第一個段落。</p>
<p>第二個段落。</p>
<p>第三個段落。</p>
<p>第四個段落。</p>
<div> -------------< div >----------------------</div>
<div>
<p>div下的第一個p</p>
<p>div下的第二個p</p>
</div>
<body>
image.png
可以看到nth-child選擇了所有在第一位的p元素，eq則選擇了全局DOM樹中第一個滿足條件的p元素
