jquery 循环显示div的示例代码
更新时间：2013年10月18日 17:31:54 作者：
我们用一个语句就让下面五个div显示成功，具体实现如下，感兴趣的朋友可以参考下
直接看例子
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>
复制代码 代码如下:
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>
相关文章
这篇文章主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象 方法,需要的朋友可以参考下2015-02-02
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts实现的2D堆条状图效果,结合完整实例形式分析了jQuery插件HighCharts绘制条状图的具体实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
应该大家都知晓lightbox这类灯箱效果了，它一般更多地被运用在网站照片的显示上。当然还有更推广的应用，如facebox这种更漂亮全面的效果。2009-06-06
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。2009-10-10
jquery跨域请求示例分享(jquery发送ajax请求)
这篇文章主要介绍了jquery跨域请求示例(jquery发送ajax请求),需要的朋友可以参考下2014-03-03
jQuery EasyUI中DataGird动态生成列的方法
EasyUI中使用DataGird显示数据列表中，有时需要根据需要显示不同的列，例如，在权限管理中，不同的用户登录后只能查看自己权限范围内的列表字段，这就需要DataGird动态组合列，下面介绍EasyUI中DataGird动态生成列的方法2016-04-04
这篇文章主要介绍了jquery实现的Accordion折叠面板效果代码,通过jquery鼠标click事件操作页面元素样式动态变换实现手风琴折叠效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery实现的鼠标响应缓冲动画效果,涉及jQuery事件响应、数值运算及页面元素动态操作相关技巧,需要的朋友可以参考下2018-02-02
详谈jQuery中使用attr(), prop(), val()获取value的异同
下面小编就为大家带来一篇详谈jQuery中使用attr(), prop(), val()获取value的异同。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了jQuery查找节点方法,结合完整实例形式分析了jQuery针对DOM节点属性的相关操作技巧,需要的朋友可以参考下2016-09-09
最新评论