一、基礎(chǔ)選擇器
$('#info'); // 選擇id為info的元素,id為document中是唯一的,因此可以通過該選擇器獲取唯一的指定元素 $('.infoClass'); // 選擇class為infoClass的所有元素 $('div'); // 選擇標(biāo)簽名為div的所有的元素 $('*'); // 選擇所有標(biāo)簽元素
二、基本過濾器
基本選擇器獲取的元素集合,通過過濾器的篩選,使選擇更加精確。
$('.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的元素集合
三、內(nèi)容過濾器
jQery準(zhǔn)備了內(nèi)容過濾器用于對選擇的元素集合內(nèi)容進(jìn)行過濾。
統(tǒng)一名稱:
- 空元素:不包含任何后代元素或文本內(nèi)容的元素,如<div></div>
- 非空元素:包含后代元素或者包含文本內(nèi)容的元素
$('div:contains("info")'); // 選擇標(biāo)簽為div的所有元素集合,并篩選集合中文本內(nèi)容包含info字段的元素 $('div:empty'); // 選擇標(biāo)簽為div的所有元素集合,并篩選集合中所有空元素 $('div