概述jQuery的元素筛选(4)

  $(".p4").prevUntil(".p2");       <div>     <p>我是第一个P</p>        //不会被选中,到p2就停止了     <p>我是第二个P</p>  //不会被选中,我是停止条件,不包括我     <p>我是第三个P</p>        //会被选中,我在.p2前,递归到我在到.p2     <p>我是第四个P</p>  //不会被选中,我自己怎么可能是我自己前面的呢?   </div>

/********************  串联 *******************************/

二十四、siblings()  获取指定元素的兄弟元素,不分前后

    语法:siblings(expr);  expr为筛选条件,不符合条件的不会选中

  $(".p2").siblings();       <div>     <p>我是第一个P</p>        //会被选中,我是.p2的兄弟元素     <p>我是第二个P</p>  //不会被选中,我是自己     <p>我是第三个P</p>        //会被选中,我是.p2的兄弟元素     <p>我是第四个P</p>  //会被选中,我是.p2的兄弟元素   </div>

二十五、add()  将选中的元素添加到jQuery对象集合中

    add(expr|elements|html|jQueryObject)  expr:选择器表达式 | DOM表达式 | Html片段 | jQuery对象,将jQuery对象集合一起方便操作;

  $(".p2").add("span").css("background-color","red");       <div>     <p>我是第一个P</p>             <p>我是第二个P</p>  //会变红     <p>我是第三个P</p>             <p>我是第四个P</p>     </div>   <span>我是一个span</span>      //会变红

二十六、andSelf()  将自身加到选中的jQuery集合中,以方便一次性操作

    andSelf()  此方法无参数

  $(".p2").nextAll().andSelf().css("background-color","red");   <div>     <p>我是第一个P</p>             <p>我是第二个P</p>  //会变红,这就是andSelf()的效果     <p>我是第三个P</p>        //会变红     <p>我是第四个P</p>  //会变红   </div>

二十七、end()      将改变当前选择器选中的操作回退为上一个状态。

    end()   此方法没有参数

  $(".p2").next().end().css("background-color","red");   <div>     <p>我是第一个P</p>             <p>我是第二个P</p>  //会变红,这就end()的效果     <p>我是第三个P</p>        //不会变红,尽管next()方法之后选中的是这一个,但是由于被end()方法回退了因此是上一个。     <p>我是第四个P</p>   </div>

二十八、contents  未明白

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzzgzy.html