jQuery基本選擇器
名稱 | 用法 | 描述 |
---|---|---|
ID選擇器 | $('#id'); | 獲取指定ID的元素 |
類選擇器 | $('.class'); | 獲取同一類class的元素 |
標(biāo)簽選擇器 | $('div'); | 獲取同一類標(biāo)簽的所有元素 |
并集選擇器 | $('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') | 相當(dāng)于$('ul-li')息楔,子類選擇器 |
find(selector) | $('ul').find('li'); | 相當(dāng)于$('ul li'),后代選擇器 |
siblings(selector) | $('#first').siblings('li'); | 查找兄弟節(jié)點(diǎn),不包括自己本身扒披。 |
parent() | $('#first').parent(); | 查找父親 |
eq(index) | $('li').eq(2); | 相當(dāng)于$('li:eq(2)'),index從0開始 |
next() | $('li').next() | 找下一個兄弟 |
prev() | $('li').prev() | 找上一次兄弟 |