jQuery基本選擇器
| 名稱 | 用法 | 描述 |
|---|---|---|
| ID選擇器 | $('#id'); | 獲取指定ID的元素 |
| 類選擇器 | $('.class'); | 獲取同一類class的元素 |
| 標簽選擇器 | $('div'); | 獲取同一類標簽的所有元素 |
| 并集選擇器 | $('div,p,li'); | 使用逗號分隔，只要符合條件之一就可。 |
| 交集選擇器 | $('div.redClass'); | 獲取class為redClass的div元素 |
jQuery過濾選擇器
| 名稱 | 用法 | 描述 |
|---|---|---|
| :eq（index） | $('li:eq(2)').css('color', 'red'); | 獲取到的li元素中，選擇索引號為2的元素，索引號index從0開始。 |
| :odd | $('li:odd').css('color', 'red'); | 獲取到的li元素中，選擇索引號為奇數(shù)的元素 |
| :even | $('li:even').css('color', 'red'); | 獲取到的li元素中，選擇索引號為偶數(shù)的元素 |
jQuery層級選擇器
| 名稱 | 用法 | 描述 |
|---|---|---|
| 子代選擇器 | $('ul > li'); | 使用-號，獲取兒子層級的元素，注意，并不會獲取孫子層級的元素 |
| 后代選擇器 | $('ul li'); | 使用空格，代表后代選擇器，獲取ul下的所有l(wèi)i元素，包括孫子等 |
jQuery篩選選擇器(方法)
| 名稱 | 用法 | 描述 |
|---|---|---|
| children(selector) | $('ul').children('li') | 相當于$('ul-li')，子類選擇器 |
| find(selector) | $('ul').find('li'); | 相當于$('ul li'),后代選擇器 |
| siblings(selector) | $('#first').siblings('li'); | 查找兄弟節(jié)點，不包括自己本身。 |
| parent() | $('#first').parent(); | 查找父親 |
| eq(index) | $('li').eq(2); | 相當于$('li:eq(2)'),index從0開始 |
| next() | $('li').next() | 找下一個兄弟 |
| prev() | $('li').prev() | 找上一次兄弟 |
