jquery next nextAll nextUntil siblings的区别介绍_jquery

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

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

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

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

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

下面是简单的测试代码

复制代码 代码如下:

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>