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 相关文章推荐
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
Underscore.js 1.3.3 中文注释翻译说明
Jun 25 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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
第九节 绑定 [9]
2006/10/09 PHP
php自定义hash函数实例
2015/05/05 PHP
开启PHP Static 关键字之旅模式
2015/11/13 PHP
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
2020/01/07 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
Python中super函数的用法
2017/11/17 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
python flask框架实现重定向功能示例
2019/07/02 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
pandas实现将日期转换成timestamp
2019/12/07 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
全球立体声:World Wide Stereo
2018/09/29 全球购物
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
实现向右循环移位
2014/07/31 面试题
食品流通安全承诺书
2014/05/22 职场文书
责任书格式范文
2014/07/28 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
2015入党自传书范文
2015/06/26 职场文书