jQuery还提供以下方法来过滤节点。
方法 | 说明 |
first() | 获取第一个,示例 $('li').last() |
last() | 获取最后一个,示例$('li').last() |
eq() | 获取指定索引的节点,索引从0开始,示例$('li').eq(1),获取第二个li |
not() | 不包含某些,示例$('li').not("#d") |
filter() | 包含某些, 示例$("li").filter("#d"),未包含的未选取 |
示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >过滤节点</ title > < style > .box{ border: 1px solid blueviolet; padding: 1px; margin-bottom: 12px; } </ style > </ head > < body > < div > < ul id = "ul" > < li id = "a" >鼠标</ li > < li id = "b" >键盘</ li > < li id = "c" >屏幕</ li > < li id = "d" >< a >电源</ a ></ li > </ ul > </ div > < script > $('li').filter("#d").attr("class", "box"); </ script > </ body > </ html > |