jq 一个div里 有两个div 最开始一个是隐藏的一个是显示的
现在想要实现点击页面加载完让隐藏的显示,让显示的隐藏不传this参数的要怎么实现代码如图求帮助~~~~~~~~~~!!!!!!!!!!...
现在想要实现点击页面加载完让隐藏的显示,让显示的隐藏 不传this 参数的要怎么实现
代码如图 求帮助~~~~~~~~~~!!!!!!!!!! 展开
代码如图 求帮助~~~~~~~~~~!!!!!!!!!! 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏10(财富值+成长值)
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript" src="jquery.js"> </script>
<script>
var once = true;//判断每次点击应该执行什么代码
$(document).ready(function () {
$("#input").click(function(){
if(once){
$("#div1").css({"display":"none"});
$("#div2").css({"display":"block"});
}else{
$("#div2").css({"display":"none"});
$("#div1").css({"display":"block"});
}
once = !once;
});
});
</script>
<style type="text/css">
#div1{width:200px;height:200px;border:1px solid red;display:block}
#div2{width:200px;height:200px;border:1px solid #93f; display:none}
</style>
</head>
<body>
<div id="div1">我是第一个DIV</div>
<div id="div2">我是第二个DIV</div>
<input id="input"type="button" value="点击变换"/>
</body>
</html>
//记得把JQUERY带到html目录下
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript" src="jquery.js"> </script>
<script>
var once = true;//判断每次点击应该执行什么代码
$(document).ready(function () {
$("#input").click(function(){
if(once){
$("#div1").css({"display":"none"});
$("#div2").css({"display":"block"});
}else{
$("#div2").css({"display":"none"});
$("#div1").css({"display":"block"});
}
once = !once;
});
});
</script>
<style type="text/css">
#div1{width:200px;height:200px;border:1px solid red;display:block}
#div2{width:200px;height:200px;border:1px solid #93f; display:none}
</style>
</head>
<body>
<div id="div1">我是第一个DIV</div>
<div id="div2">我是第二个DIV</div>
<input id="input"type="button" value="点击变换"/>
</body>
</html>
//记得把JQUERY带到html目录下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询