概述jQuery的元素筛选

2020-05-27 18:00:36易采站长站整理

    <p class="p4">我是第四个P</p> //会被选中,是.p2后面的兄弟元素
  </div>  

十六、nextUntil()  获取其后的元素,直到参数能匹配上的为止,不包括结束条件那个

   语法:nextUntil([expr|ele][,fil])  expr筛选表达式 | DOM元素筛选,注意不包括参数里的那一个


  $(".p2").nextUntil(".p4");    //注意此方法并不会包括.p4
  <div>
    <p>我是第一个P</p>        
    <p class="p2">我是第二个P</p> 
    <p>我是第三个P</p>        //会被选中,是.p2后面的兄弟元素
    <p class="p4">我是第四个P</p> //不会被选中,我作为结束条件,但不包括我
  </div>

十七、offsetPosition()  返回第一个用于定位的祖先元素,即查找祖先元素中position为relative或absolute的元素。

   语法:offsetPosition()  此方法没有参数  由于CSS的绝对定位的定位基准是相对最近的一个已定位元素,因此此方法的作用不言而喻。


  $("span").offsetParent();
  <div style="position:relative">  //选中的是div,因此div是已定位元素。
    <p>
      <span>我是一个span</span>
    </p>
  </div>

 十八、parent()    获取指定元素的直接父元素

    语法:parent(expr)  expr为筛选条件,如果直接父元素不符合条件,则不返回任何元素(无论它的祖先是否具有能与expr匹配的)


  $("span").parent();
  <div style="position:relative">  
    <p>                //我是span的直接父元素,我会被匹配到
      <span>我是一个span</span>
    </p>
  </div>

十九、parents()      获取指定元素的所有祖先元素,一直到<body></body>

   语法:parents(expr)  expr为筛选条件,如果某个祖先元素不符合expr则排除


  $("span").parents();
  <div style="position:relative">  //我是span的祖先元素,我也会被匹配到.另外<body></body>也会被匹配到  
    <p>                //我是span的直接父元素,我会被匹配到
      <span>我是一个span</span>
    </p>
  </div>

二十、parentsUntil()  获取指定元素的祖先元素,知道参数里能匹配到的为止