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初学者应注意的七个细节小结
Jan 30 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
jquery实现表单输入时提示文字滑动向上效果
Aug 10 Javascript
功能强大的Bootstrap使用手册(一)
Aug 02 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
Mar 03 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
JavaScript实现前端倒计时效果
Feb 09 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
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
2013/03/15 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python 过滤错误log并导出的实例
2019/12/26 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
如何表示python中的相对路径
2020/07/08 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
迎八一活动主题
2014/01/31 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
家长对老师的评语
2014/04/18 职场文书
优秀大学生自荐信
2014/06/09 职场文书
公司员工离职证明书
2014/10/04 职场文书
2015小学师德工作总结
2015/07/21 职场文书
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python
Python连续赋值需要注意的一些问题
2021/06/03 Python
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang