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 相关文章推荐
jquery.ui.progressbar 中文文档
Nov 26 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 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 adodb分页实现代码
2009/03/19 PHP
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
php分页示例分享
2014/04/30 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
9个比较实用的php代码片段
2016/03/15 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
jQuery toggle()设置CSS样式
2009/11/05 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
jquery json 实例代码
2010/12/02 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
详解Python3定时器任务代码
2019/09/23 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
python实现按日期归档文件
2021/01/30 Python
CSS3教程:background-clip和background-origin
2008/10/17 HTML / CSS
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
幼儿教育感言
2014/02/05 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
结婚纪念日感言
2015/08/01 职场文书
2015年教师节广播稿
2015/08/19 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android