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