求一个简单的jquery 显示隐藏div的html例子，谢谢啦，亲
展开全部
上午也是你问的吧，是js版本的，如下，改成jquery的了，
jquery相对简单一点，记得把jquery.js引用进去：
<head>
<title>求一个简单的jquery 显示隐藏div的html例子</title>
<script src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function showDiv() {
//显示所有div
$("div").show();
}
function showDiv1() {
$("#div1").show();
}
function hideDiv() {
//隐藏所有div
$("div").hide();
}
</script>
</head>
<body>
<div id="div1" style="display:none; border:1px solid red">这是隐藏的层div1</div>
<div id="div2" style="display:none; border:1px solid blue">这是隐藏的层div2</div>
<input type="button" value="显示div1" onclick="showDiv1();" />
<input type="button" value="显示所有div" onclick="showDiv();" />
<input type="button" value="隐藏所有div" onclick="hideDiv();" />
</body>
</html>
追问
是啊，非常感谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
举一个例子：
<div id="txtdiv" style="display:block;">nei rong</div>
<input type="botton" onclick="_showorhide()">
<script>
function _showorhide()
{
var objdis=$("#txtdiv").css("display");
if(objdis=="block")
{
$("#txtdiv").hide();//隐藏
}else{
$("#txtdiv").show();//显示
}
}
</scrpt>
<div id="txtdiv" style="display:block;">nei rong</div>
<input type="botton" onclick="_showorhide()">
<script>
function _showorhide()
{
var objdis=$("#txtdiv").css("display");
if(objdis=="block")
{
$("#txtdiv").hide();//隐藏
}else{
$("#txtdiv").show();//显示
}
}
</scrpt>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
