jQuery遍历之同级遍历（siblings、next、nextAll、nextUntil方法）

在div中写下如下代码

div class="bd">
   <p>P</p>
   <h2>h2</h2>
   <h3>h3</h3>
   <h4>h4</h4>
   <h5>h5</h5>
   <h6>h6</h6>
</div>

$(document).ready(function(){
    $("h4").siblings().css({border:"3px solid #FF0000"});
    //除自己外所有同级元素都会被修改
    //$("h4").next().css({border:"3px solid #FF0000"});
    //下一个元素被修改
    //$("h4").nextAll().css({border:"3px solid #FF0000"});
    //下面的所有元素都被修改
    //$("h4").nextUntil("h6").css({border:"3px solid #FF0000"});
    //h4和h6之间的元素被修改
});

运行结果

除了h4之外，所有的标签都被改变了颜色，这是siblings方法的作用（其他方法请自行演示，效果在注释中可以看到）