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的显示和隐藏的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

jquery如何控制循环里面的层的显示与隐藏

怎样用jquery控制div的显示与隐藏

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

怎么用js显示隐藏div

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div