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张