在上一篇中已經(jīng)介紹過(guò)基礎(chǔ)選擇器和層級(jí)選擇器,本文開(kāi)始介紹過(guò)濾選擇器。過(guò)濾選擇器是jQuery選擇器中最為龐大也是最為出彩的一部分。以CSS結(jié)構(gòu)偽類選擇器為基礎(chǔ),jQuery過(guò)濾選擇器增加了很多擴(kuò)展功能。本文先從與CSS選擇器最相近的子元素過(guò)濾選擇器開(kāi)始說(shuō)起

 

通用形式

$(':nth-child(index)')

  $(':nth-child(index)')選擇每個(gè)父元素的第index個(gè)子元素(index從1算起),返回集合元素

$(':nth-child(1)')        每個(gè)父元素下第1個(gè)子元素
  
$('span:nth-child(1)')     每個(gè)父元素下第1個(gè)子元素,且該子元素為span元素

$('div span:nth-child(1)')    每個(gè)為d