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