jquery 循环显示div的示例代码


Posted in Javascript onOctober 18, 2013

直接看例子

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>
Javascript 相关文章推荐
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
Jan 02 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
mongoose中利用populate处理嵌套的方法
May 26 Javascript
JS图片预加载插件详解
Jun 21 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
vue的状态管理模式vuex
Nov 30 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 #Javascript
简单实用的全选反选按钮例子
Oct 18 #Javascript
关于jquery的多个选择器的使用示例
Oct 18 #Javascript
js页面跳转的常用方法整理
Oct 18 #Javascript
js判断上传文件的类型和大小示例代码
Oct 18 #Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 #Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 #Javascript
You might like
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
jQuery实现的滑块滑动导航效果示例
2018/06/04 jQuery
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中type的构造函数参数含义说明
2015/06/21 Python
Python程序退出方式小结
2017/12/09 Python
Python使用Flask-SQLAlchemy连接数据库操作示例
2018/08/31 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
django框架单表操作之增删改实例分析
2019/12/16 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
安全目标责任书
2014/07/22 职场文书
代办社保委托书范文
2014/10/06 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
交通事故被告代理词
2015/05/23 职场文书
Python如何配置环境变量详解
2021/05/18 Python