深圳公司网站建设_深圳公司网站自然排名优化首选壹网互联!
当前位置
首页 - 前端Js+Css教程 - jquery怎么实现点击一个按钮控制一个div的显示和隐藏

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

发布时间:2021-08-12 阅读:122

jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码:


<button type="button">切换显示</button>
<div id="test">我是目标元素</div>


$(document).ready(function(){
  $("button").click(function(){
  $("#test").toggle();
  });
});

意思是:button被点击,id为test的元素隐藏/显示!

  • 评论内容:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

联系我们
CONTACT US

深圳网站建设电话:13510778477 姚先生

深圳网站推广电话:13715035554 刘先生

地址:深圳市南山区西丽镇龙珠五路南汾大厦416