首页 > web前端 > js教程 > jquery next nextAll nextUntil siblings的区别介绍_jquery

jquery next nextAll nextUntil siblings的区别介绍_jquery

WBOY
发布: 2016-05-16 17:20:35
原创
1214 人浏览过

next:紧挨着$('')的一个元素

nextAll:在$('')以后的所有的同辈元素

nextUntil:until有直到。。。之前的意思,所以他表示$('')以后的所有的同辈元素,不过要在nextUntil参数之前,不包括匹配的元素本身

sibings:$('')前后的所有同辈元素

简单理解就是,next就是找他的弟弟/妹妹,nextAll就是找他所有的弟弟/妹妹,nextUntil就是找比他小一定年龄的弟弟/妹妹,siblings就是找他所有的哥哥/姐姐,还有他的所有的弟弟/妹妹。所以同理的同辈关系,prev,prevAll ,prevUntil

下面是简单的测试代码

复制代码 代码如下:





Document




hhh

这是一个标题


这是一个test


这是一个test


这是一个test


这是一个test


hhha

这是一个test


这是一个test



<script> <BR>$(function(){ <BR>//$('p:first').next().css('background','red'); <BR>//$('p:first').nextAll().css('background','yellow'); <BR>//$('p:first').nextUntil('div').css({'font-size':20,background:'red'}); <BR>//$('p:first').siblings().css('background','yellow'); <BR>}); <BR></script>


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板