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 相关文章推荐
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
javascript触发模拟鼠标点击事件
Jun 26 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 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
解析csv数据导入mysql的方法
2013/07/01 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
python的id()函数解密过程
2012/12/25 Python
python判断字符串是否纯数字的方法
2014/11/19 Python
python图像常规操作
2017/11/11 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
英国PC组件和在线电脑商店:SCAN
2019/04/18 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
小学后勤管理制度
2014/01/14 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
个人求职信格式范文
2015/03/20 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
聘任合同书
2015/09/21 职场文书
2016国庆促销广告语
2016/01/28 职场文书
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL