jquery 循环显示div的示例代码
2013-10-21 06:54
543 查看
我们用一个语句就让下面五个div显示成功,具体实现如下,感兴趣的朋友可以参考下
直接看例子
复制代码[/u]代码如下:
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>
直接看例子
复制代码[/u]代码如下:
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 循环显示div的示例代码
- jquery 循环显示div的示例代码
- jquery 循环显示div的示例代码
- div 的边框显示不同效果示例代码
- jquery实现div拖拽宽度示例代码
- jQuery循环滚动新闻列表示例代码
- jquery 实现密码框的显示与隐藏示例代码
- jquery让返回的内容显示在特定div里(代码少而精悍)
- jquery 隐藏与显示tr标签示例代码
- 鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
- jquery中使用循环下拉菜单示例代码
- jquery div拖动效果示例代码
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- jquery 实现密码框的显示与隐藏示例代码
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- Jquery写的点击显示隐藏的div的代码
- jquery div拖动效果示例代码
- Jquery在指定DIV加载HTML示例代码