jquerynextnextAllnextUntilsiblings的区别介绍_jquery



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

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

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

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

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

下面是简单的测试代码
代码如下:









hhh

这是一个标题

这是一个test

这是一个test

这是一个test

这是一个test

hhha

这是一个test

这是一个test

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