首先是各個書上都有的概念上的區(qū)別:
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>
可以看到nth-child選擇了所有在第一位的p元素伴栓,eq則選擇了全局DOM樹中第一個滿足條件的p元素