<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery_1_7js"></script>
</head>
<body>
<div id="box">
<div style="display:block;">11111</div>
<div style="display:none;">2222</div>
<div style="display:none;">3333</div>
</div>
<input type="button" value="返回" onClick="ReturnPrev('#box');">
<input type="button" value="继续" onClick="ReturnNext('#box');">
</body>
</html>
<script type="text/javascript">
function ReturnNext(id){
var divLen = $(id)find("div")length;
var Thisdiv = 0;
for(var i=0;i<divLen;i++){if($(id)find("div")eq(i)css("display")!="none"){Thisdiv = i;};};
if(Thisdiv<divLen-1){$(id)find("div")hide()eq(Thisdiv+1)show();};
};
function ReturnPrev(id){
var divLen = $(id)find("div")length;
var Thisdiv = 0;
for(var i=0;i<divLen;i++){if($(id)find("div")eq(i)css("display")!="none"){Thisdiv = i;};};
if(Thisdiv!=0){$(id)find("div")hide()eq(Thisdiv-1)show();};
};
</script>
实现这种功能的jquery是相当简单的，list元素鼠标移入，当前元素里的 span显示；移出则相反，具体代码如下：
$(function(){//鼠标移入
$('list')mouseenter(function(){//这里使用mouseover也可以，使用mouseenter是防止冒泡
(this)find('span')show();//这里的show可以改成animate，toggle都可以
});
//鼠标移出
$('list')mouseleave(function(){//这里使用mouseover也可以，使用mouseenter是防止冒泡
$(this)find('span')hide();//这里的hide可以改成animate，toggle都可以
});
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击隐藏div</title>
<style>
div,ul,li{ padding:0; margin:0; list-style:nonel}
menu{ float:left;}
menu ul li{ width:100px; height:30px; margin-bottom:5px; background:#06C; color:#fff; text-align:center; line-height:30px; cursor:pointer}
menu ul licur{ background:#363;}
content{ width:600px; height:300px; float:left; color:#fff;}
content div{ background:#03C; width:100%; height:100%; }
</style>
<script type="text/javascript" src=">
判断jQuery 元素是否显示与隐藏的方法如下：
1、使用CSS属性
var display =$('#id')css('display');if(display == 'none'){ alert("被你发现了，我是隐藏的啦！");}
2、使用jquery内置选择器
假设我们页面有这么个标签,
<div id="test"><p>仅仅是测试所用</p></div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
if($("#test")is(":hidden")){} //前提是已经将jQuery的库导进来了
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动,比如:
if($("#test")is(":hidden")){ $("#test")show(); //如果元素为隐藏,则将它显现}else{ $("#test")hide(); //如果元素为显现,则将其隐藏}
3、jQuery判断对象是否显示或隐藏
Js代码
// jQuery("#tanchuBg")css("display") // jQuery("#tanchuBg")is(":visible") // jQuery("#tanchuBg")is(":hidden")
<!DOCTYPE html>
<html>
<head>
<meta >
html中加个按钮，代码:
显现
jq代码:
$("#btn")click(function
(){
$("div:hidden")show(3000);
})
/show()是jq方法，作用是显示元素，3000是显示完全的用时时间，单位毫秒/
以上就是关于怎么用jquery实现，点击“继续”，隐藏当前div，显示下一个div，点击“返回”隐藏当前div，显示上一个div全部的内容，包括:怎么用jquery实现，点击“继续”，隐藏当前div，显示下一个div，点击“返回”隐藏当前div，显示上一个div、JQUERY多个DIV鼠标移入移出显示隐藏对应DIV、求教jquery选择第一个选项隐藏<div>选择第二个选项显示这个div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）