Heim >Web-Frontend >js-Tutorial >jquery next nextAll nextUntil siblings的区别介绍_jquery

jquery next nextAll nextUntil siblings的区别介绍_jquery

WBOY
WBOYOriginal
2016-05-16 17:20:351216Durchsuche

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>


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn