jquery怎么实现点击一个按钮控制一个div的显示和隐藏
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么实现点击一个按钮控制一个div的显示和隐藏相关的知识,希望对你有一定的参考价值。
试试 jquery的 toggle方法 或许对你有用
再附上例子吧,例子中的 jQuery库 你下载一下 引入文件就能看到效果:
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(".btn1").click(function()
$("div").toggle();
);
);
</script>
</head>
<body>
<button class="btn1">Toggle</button>
<div>This is a paragraph.</div>
</body>
</html> 参考技术A 1、最简单的一个按钮切换: $("input").click(function()$("div").toggle();)
2、两个按钮一关一开:$("input1").click(function()$("div").show();)
$("input2").click(function()$("div").hide(););
以上是关于jquery怎么实现点击一个按钮控制一个div的显示和隐藏的主要内容,如果未能解决你的问题,请参考以下文章