概述jQuery的元素筛选

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


  $("div").has("p");
  <div>                 //本div会被选中,因为该div含有p子元素
    <p>我是第一个P</p>
    <p class="p2">我是第二个P</p>
    <p>我是第三个P</p>
    <p>我是第四个P</p>
  </div>
  <div>
    <span>我是一个span</spam>
  </div>

九、not()  排除能够被参数中匹配的元素

   语法:not(expr|ele|fn)  expr:选择表达式 | DOM元素选择 | fn的作用还不清楚


  $("p").not(".p2");
  <div>
    <p>我是第一个P</p>        //会被选中,没有class=p2
    <p class="p2">我是第二个P</p>  //不会被选中,因为有class=p2被not(".p2")排除了
    <p>我是第三个P</p>        //会被选中,没有class=p2
    <p>我是第四个P</p>         //会被选中,没有class=p2
  </div>  

 十、slice()  从指定索引开始,截取指定个数的元素

   语法:slice(start, [end])   start位置, end可选,结束位置,不包含结束位置那个。如果不指定,则匹配到最后一个。


  $("p").slice(1,3)
  <div>
    <p>我是第一个P</p>        //不会被选中,我索引为0
    <p class="p2">我是第二个P</p>  //会被选中,我索引为1
    <p>我是第三个P</p>        //会被选中,我索引为2
    <p>我是第四个P</p>         //不会被选中,虽然我的索引为3,但是不包括我
  </div>

********************** 筛选 *********************************

十一、children()  筛选获取指定元素的资源

   语法:children(expr);  获取指定元素的资源,expr为子元素筛选条件


  $("div").children(".p2");
 
  <div>
    <p>我是第一个P</p>        //不会被选中,虽然我是div的子元素,但是我没class=p2
    <p class="p2">我是第二个P</p>  //会被选中,我既是p的子元素,又有class=p2
    <p>我是第三个P</p>        //不会被选中,虽然我是div的子元素,但是我没class=p2
    <p>我是第四个P</p>         //不会被选中,虽然我是div的子元素,但是我没class=p2