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 >
|
1使用first()方法过滤元素。
示例 $('li').first()
2使用last()方法过滤元素
示例 $('li').last()
3使用eq()方法过滤元素。
示例$('li').eq(1),获取第二个li
4使用not()方法过滤元素。
$("li").filter("#d")