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的原型继承
Jul 25 Javascript
百度地图自定义控件分享
Mar 04 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
Webpack框架核心概念(知识点整理)
Dec 22 Javascript
Vuex入门到上手教程
Jun 20 Javascript
用Cordova打包Vue项目的方法步骤
Feb 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
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
javascript版2048小游戏
2015/03/18 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
对python实现合并两个排序链表的方法详解
2019/01/23 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
PHP经典面试题
2016/09/03 面试题
EJB3推出JPA的原因
2013/10/16 面试题
物业管理求职自荐信
2013/09/25 职场文书
管理建议书范文
2014/05/13 职场文书
给校长的建议书400字
2014/05/15 职场文书
投标服务承诺书
2014/05/28 职场文书
退学证明范本3篇
2014/10/29 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书