快捷導(dǎo)航

jquery $("#variable") 循環(huán)改變variable的值示例

更新時(shí)間：2014年02月23日 15:51:12 作者：

這篇文章主要介紹了jquery $("#variable")如何循環(huán)改變variable的值,需要的朋友可以參考下

直接看例子

 
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)文章

40款非常有用的 jQuery 插件推薦（系列一）
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)
2011-12-12
jQuery 翻頁組件yunm.pager.js實(shí)現(xiàn)div局部刷新的思路
翻頁插件有很多種，做出來的效果都非常棒，這篇文章主要介紹了jQuery 翻頁組件yunm.pager.js實(shí)現(xiàn)div局部刷新的思路，非常不錯,需要的朋友可以參考下
2016-08-08
jquery獲取復(fù)選框被選中的值
這篇文章主要介紹了如何使用jquery獲取復(fù)選框被選中的值,需要的朋友可以參考下
2014-04-04
jQuery事件綁定on()與彈窗實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery事件綁定on()與彈窗實(shí)現(xiàn)代碼,需要的朋友可以參考下
2016-04-04
jQuery + html + css 實(shí)現(xiàn)王者榮耀官網(wǎng)首頁效果&nb
這篇文章主要介紹了jQuery + html + css 實(shí)現(xiàn)王者榮耀官網(wǎng)首頁效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2022-02-02
淺析Js(Jquery)中,字符串與JSON格式互相轉(zhuǎn)換的示例(直接運(yùn)行實(shí)例)
這幾天，遇到了json格式在JS和Jquey的環(huán)境中，需要相互轉(zhuǎn)換，在網(wǎng)上查了一下，大多為缺胳膊少腿，也許咱是菜鳥吧，終于測試成功后，還是給初學(xué)者們一個實(shí)例吧
2013-07-07
jquery實(shí)現(xiàn)簡單Tab切換菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)簡單Tab切換菜單效果的相關(guān)資料,需要的朋友可以參考下
2016-06-06
jquery帶下拉菜單和焦點(diǎn)圖代碼分享
這篇文章主要介紹了jquery帶下拉菜單和焦點(diǎn)圖代碼，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jQuery的slideToggle方法實(shí)例
jQuery的slideToggle方法實(shí)例，需要的朋友可以參考一下
2013-05-05
這篇文章主要介紹了jQuery對象的鏈?zhǔn)讲僮饔梅?結(jié)合實(shí)例形式分析了鏈?zhǔn)讲僮鞯脑怼⑻攸c(diǎn)及相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-05-05