怎样用Jquery 显示和隐藏div
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样用Jquery 显示和隐藏div相关的知识，希望对你有一定的参考价值。
<div id="1">
<a>连接</a><br/>
<div hidden="true">c</div>
</div>
<div id="2">
<a>连接</a><br/>
<div hidden="true">c</div>
</div>
<div id="3">
<a>连接</a><br/>
<div hidden="true">c</div>
</div>
实现鼠标指向一个父div它的子div就显示，鼠标离开子div隐藏;
外层那个div的ID是动态生成的，怎么样才能在js代码里知道我鼠标指向的是哪一个div
用jQuery帮你写一个：
$("div").hover(function()
$(this).find("div").show();
,function()
$(this).find("div").hide();
);追问
·
参考技术AJquery中hide()方法表示隐藏，show()表示显示
示例：
<!doctype html><html>
<head>
<meta charset='utf-8'/>
<title>测试</title>
<!--载入jquery框架文件-->
<script language='javascript' src='jquery.js'></script>
<script language='javascript'>
$(function()
$('#btn').click(function()
$div1=$('#div1');
if($div1.is(':hidden'))
$div1.show();
else if($div1.is(':visible'))
$div1.hide();
);
);
</script>
</head>
<body>
<div id="div1" style="width:100px;height:60px;border:1px solid #f00;"></div>
<input type="button" id="btn" value="显示" />
</body>
</html>
以上是关于怎样用Jquery 显示和隐藏div的主要内容，如果未能解决你的问题，请参考以下文章