一、基礎(chǔ)選擇器

$('#info');        // 選擇id為info的元素,id為document中是唯一的,因此可以通過(guò)該選擇器獲取唯一的指定元素
$('.infoClass');     // 選擇class為infoClass的所有元素
$('div');        // 選擇標(biāo)簽名為div的所有的元素
$('*');         // 選擇所有標(biāo)簽元素

 

二、基本過(guò)濾器

基本選擇器獲取的元素集合,通過(guò)過(guò)濾器的篩選,使選擇更加精確。

復(fù)制代碼
$('.infoClass:first');    // 選擇class為infoClass的所有元素集合,并篩選集合中的第一個(gè)元素
$('.infoClass:last');     // 選擇class為infoClass的所有元素集合,并篩選集合中的最后一個(gè)元素
$('.infoClass:odd');      // 選擇class為infoClass的所有元素集合,并篩選集合中索引為奇數(shù)的元素,如1,3,5
$('.infoClass:even');     // 選擇class為infoClass的所有元素集合,并篩選集合中索引為偶數(shù)的元素,如0,2,4
$('.infoClass:eq(2)');    // 選擇class為infoClass的所有元素集合,并篩選集合中索引為2的元素
$('.infoClass.lt(2)');    // 選擇class為infoClass的所有元素集合,并篩選集合中索引小于2的元素集合
$('.infoClass.gt(2)');    // 選擇class為infoClass的所有元素集合,并篩選集合中索引大于2的元素集合
復(fù)制代碼

 

三、內(nèi)容過(guò)濾器

jQery準(zhǔn)備了內(nèi)容過(guò)濾器用于對(duì)選擇的元素集合內(nèi)容進(jìn)行過(guò)濾。

統(tǒng)一名稱:

  • 空元素:不包含任何后代元素或文本內(nèi)容的元素,如<div></div>
  • 非空元素:包含后代元素或者包含文本內(nèi)容的元素