Jquery 点击一次,显示下一个DIV 怎么做到?
来源:互联网 发布:reveal.js 编辑:程序博客网 时间:2024/06/05 11:19
<html>
<head>
</head>
<body>
<div id="box1" style="">111</div>
<div id="box2" style="display:none">222</div>
<div id="box3" style="display:none">333</div>
<button class="btn1">++</button>
<button class="btn2">--</button>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var n=0;
var mar=$("div").length;
$(".btn1").click(function(){
if(n>=(mar-1)){
alert("已经是最后一个了");
return false;
}
n++;
$("div").hide().eq(n).show();
});
$(".btn2").click(function(){
if(n<=0){
alert("已经是第一个了");
return false;
}
n--;
$("div").hide().eq(n).show();
});
})
</script>
</html>
<head>
</head>
<body>
<div id="box1" style="">111</div>
<div id="box2" style="display:none">222</div>
<div id="box3" style="display:none">333</div>
<button class="btn1">++</button>
<button class="btn2">--</button>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var n=0;
var mar=$("div").length;
$(".btn1").click(function(){
if(n>=(mar-1)){
alert("已经是最后一个了");
return false;
}
n++;
$("div").hide().eq(n).show();
});
$(".btn2").click(function(){
if(n<=0){
alert("已经是第一个了");
return false;
}
n--;
$("div").hide().eq(n).show();
});
})
</script>
</html>
1 0
- Jquery 点击一次,显示下一个DIV 怎么做到?
- jquery点击按钮显示和隐藏DIv
- jquery 默认隐藏div,点击按钮显示,再次点击隐藏
- 用jquery怎么实现点击显示,再一次点击隐藏
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
- Jquery写的点击显示隐藏的div的代码
- 在制作简历,想用DIV实现添加各项履历内容,每点击一次按钮就增加一次怎么实现
- jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?http://www.cnblogs.com/lr393993507/p/6078063.html
- 利用JS做到隐藏div和显示div!! zz
- 利用JS做到隐藏div和显示div!!
- 利用JS做到隐藏div和显示div!!
- 利用JS做到隐藏div和显示div!!(转)
- 利用JS做到隐藏div和显示div
- 利用JS做到隐藏div和显示div
- 利用JS做到隐藏div和显示div
- 利用JS做到隐藏div和显示div
- hdu 2236 无题II(二分法,枚举,二分图最大匹配)
- RecyclerView刷新与加载更多
- vijos 1146 - 采药
- 大数据科学家不好当,这五项专业特质你有吗?
- Android事件监听回调学习
- Jquery 点击一次,显示下一个DIV 怎么做到?
- egret帧动画
- Linux命令收录
- Openssl 生成多级证书
- 基础总结篇之二:Activity的四种launchMode
- 动态库与静态库优缺点比较
- Quartz 作业调度器
- js之json to string
- ioctl的实现