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函数以及基础写法100多条实用整理
Jan 13 Javascript
SuperSlide2实现图片滚动特效
Jun 20 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
webpack实用小功能介绍
Jan 02 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
微信小程序之几种常见的弹框提示信息实现详解
Jul 11 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
Javascript中的解构赋值语法详解
Apr 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 session机制
2011/07/17 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php实现微信发红包功能
2018/07/13 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
JavaScript中使用数组方法汇总
2016/02/16 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
在python环境下运用kafka对数据进行实时传输的方法
2018/12/27 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
简述安装Slackware Linux系统的过程
2012/01/12 面试题
设置器与访问器的定义以及各自特点
2016/01/08 面试题
内刊编辑求职自荐书范文
2014/02/19 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
2016大一新生军训感言
2015/12/08 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS