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 相关文章推荐
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 Javascript
jquery.validate使用攻略 第一部
Jul 01 Javascript
JQueryEasyUI Layout布局框架的使用
Apr 08 Javascript
在javascript中执行任意html代码的方法示例解读
Dec 25 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
js a标签点击事件
Mar 30 Javascript
Vue-Router的使用方法
Sep 05 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
js 实现碰撞检测的示例
Oct 28 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 url路由入门实例
2014/04/23 PHP
php+ajax实现的点击浏览量加1
2015/04/16 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
js同比例缩放图片的小例子
2013/10/30 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
pytorch masked_fill报错的解决
2020/02/18 Python
python生成任意频率正弦波方式
2020/02/25 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
人事专员的职责
2014/02/26 职场文书
平安建设实施方案
2014/03/19 职场文书
迎新晚会主持词
2014/03/24 职场文书
健康状况证明模板
2014/10/23 职场文书
网络营销实训总结
2015/08/03 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA