jQuery 图片轮流展示效果

1.  siblings()这个方法，就是要取得调用该方法的节点对象的兄弟节点（查找同级对象）

比如：

<div id="aaa">
<p>1</p>
<p>2</p>

<h1>2</h1>
<h2>22</h2>
<div>abcdefg</div>
</div>
var curr = $("#aaa h1");
curr.siblings(); //包括与p同级的所有元素：p, h1, h2, div
如果带参数curr.siblings("p")那就只能取得到两个p
2.图片轮流展示的效果

function auto(){
            i<$div.length-1?i++:i=0;
            $div.eq(i).show().siblings().hide();   /*siblings
　　　　　　}

当某个图片之后没有图片了，这个i<$div.length-1就不满足了，就回到0，从头开始重新展示

否则下一张展示

那个是条件表达式，i 小于

$div.length-1

么？小于就i++，下一张，否则第1张

 

转载于:https://www.cnblogs.com/lina6251125/p/4492179.html