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> |