过滤节点

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 >
         < script src = "https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" ></ script >
         < 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 >

猜你喜欢

转载自www.cnblogs.com/max-hou/p/9132053.html