jquery 循環(huán)顯示div的示例代碼
更新時(shí)間：2013年10月18日 17:31:54 作者：
我們用一個(gè)語(yǔ)句就讓下面五個(gè)div顯示成功，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
直接看例子
for(var p=1; p<=5; p++){
$("#properties"+p).show();
//下面有五個(gè)id為properties1 、properties2 、properties3 、properties4、properties5的div
//我們用一個(gè)語(yǔ)句就讓下面五個(gè)div顯示成功了。
}
}
<div class="banner" id="properties1">
<span>【${property1 }】</span>
<div id="property1" class="bannerchild"></div>
</div>
<div class="banner" id="properties2">
<span>【${property2 }】</span>
<div id="property2" class="bannerchild"></div>
</div>
<div class="banner" id="properties3">
<span>【${property3 }】</span>
<div id="property3" class="bannerchild"></div>
</div>
<div class="banner" id="properties4">
<span>【${property4 }】</span>
<div id="property4" class="bannerchild"></div>
</div>
<div class="banner" id="properties5">
<span>【${property5 }】</span>
<div id="property5" class="bannerchild"></div>
</div>
復(fù)制代碼 代碼如下:
for(var p=1; p<=5; p++){
$("#properties"+p).show();
//下面有五個(gè)id為properties1 、properties2 、properties3 、properties4、properties5的div
//我們用一個(gè)語(yǔ)句就讓下面五個(gè)div顯示成功了。
}
}
<div class="banner" id="properties1">
<span>【${property1 }】</span>
<div id="property1" class="bannerchild"></div>
</div>
<div class="banner" id="properties2">
<span>【${property2 }】</span>
<div id="property2" class="bannerchild"></div>
</div>
<div class="banner" id="properties3">
<span>【${property3 }】</span>
<div id="property3" class="bannerchild"></div>
</div>
<div class="banner" id="properties4">
<span>【${property4 }】</span>
<div id="property4" class="bannerchild"></div>
</div>
<div class="banner" id="properties5">
<span>【${property5 }】</span>
<div id="property5" class="bannerchild"></div>
</div>
相關(guān)文章
jQuery對(duì)象和DOM對(duì)象之間相互轉(zhuǎn)換的方法介紹
這篇文章主要介紹了jQuery對(duì)象和DOM對(duì)象之間相互轉(zhuǎn)換的方法介紹,本文講解了jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象、DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象 方法,需要的朋友可以參考下2015-02-02
jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制條狀圖的具體實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
WordPress 照片lightbox效果的運(yùn)用幾點(diǎn)
應(yīng)該大家都知曉lightbox這類燈箱效果了，它一般更多地被運(yùn)用在網(wǎng)站照片的顯示上。當(dāng)然還有更推廣的應(yīng)用，如facebox這種更漂亮全面的效果。2009-06-06
Domino中運(yùn)用jQuery讀取視圖內(nèi)容的方法
jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。2009-10-10
jquery跨域請(qǐng)求示例分享(jquery發(fā)送ajax請(qǐng)求)
這篇文章主要介紹了jquery跨域請(qǐng)求示例(jquery發(fā)送ajax請(qǐng)求),需要的朋友可以參考下2014-03-03
jQuery EasyUI中DataGird動(dòng)態(tài)生成列的方法
EasyUI中使用DataGird顯示數(shù)據(jù)列表中，有時(shí)需要根據(jù)需要顯示不同的列，例如，在權(quán)限管理中，不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段，這就需要DataGird動(dòng)態(tài)組合列，下面介紹EasyUI中DataGird動(dòng)態(tài)生成列的方法2016-04-04
jquery實(shí)現(xiàn)的Accordion折疊面板效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的Accordion折疊面板效果代碼,通過(guò)jquery鼠標(biāo)click事件操作頁(yè)面元素樣式動(dòng)態(tài)變換實(shí)現(xiàn)手風(fēng)琴折疊效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery實(shí)現(xiàn)的鼠標(biāo)響應(yīng)緩沖動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)響應(yīng)緩沖動(dòng)畫效果,涉及jQuery事件響應(yīng)、數(shù)值運(yùn)算及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-02-02
詳談jQuery中使用attr(), prop(), val()獲取value的異同
下面小編就為大家?guī)?lái)一篇詳談jQuery中使用attr(), prop(), val()獲取value的異同。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
jQuery查找節(jié)點(diǎn)方法完整實(shí)例
這篇文章主要介紹了jQuery查找節(jié)點(diǎn)方法,結(jié)合完整實(shí)例形式分析了jQuery針對(duì)DOM節(jié)點(diǎn)屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09