jQuery 图片轮流展示效果
生活随笔
收集整理的這篇文章主要介紹了
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張
比如: <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
總結
以上是生活随笔為你收集整理的jQuery 图片轮流展示效果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 群里分享的react的收藏一下!今日周末
- 下一篇: 网站访问优化,未完待续