首页 > 常见问答

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

实习编辑 • 2023-12-04 03:59:24 • 常见问答 • 阅读 3

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

示例html

<divclass=“abc”style=“显示：无“></div><inputtype=”button”class=”but“/>

最简单的方法如下：

<script>$（文档）。就绪（函数（e）{t$（）。但是我不知道。单击（函数（e）{t/t$（）。abc“”。toggle（） }）</script>

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

toggle（）用于在显示时隐藏对象，在隐藏时显示对象。

---

如果您需要实现除显示和隐藏之外的其他功能，您可以按以下步骤执行：]<script>$（文档）。就绪（函数（e）{t$（）。但是我不知道。单击（函数（e）{t/tif（$（）”。abc“”。hasclass（“show”）{t/t//隐藏函数（e）{t/t$（）。abc“”。隐藏（）。removeclass（“show”）t/t//其他函数{t/t}else//显示（”。abc“”。显示（）。addclass（“show”）（t/t}t}）</script>

在这里，您可以定义一个类：show来确定div是显示还是隐藏

hasclass（）有一个类

hide（）隐藏对象

show（）showobject

removeclass（）删除一个类

addclass（）添加一个类

另外，您还可以通过jquery设置div的css：显示：无/块实现隐藏/显示

1。上下滑动手机屏幕以调用虚拟键

2。关闭“设置”中的“隐藏”功能。

3.进入“设置”界面，点击“智能辅助>导航栏”。

4.关闭“导航栏可隐藏”开关。

jquery显示和隐藏jquery实现点击显示和隐藏jquery隐藏元素

原文标题：jquery显示和隐藏 jquery怎么实现点击一个按钮控制一个div的显示和隐藏？，如若转载，请注明出处：https://www.saibowen.com/wenda/20037.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「赛伯温」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

jquery显示和隐藏 jquery怎么实现点击一个按钮控制一个div的显示和隐藏？ jquery显示和隐藏 jquery怎么实现点击一个按钮控制一个div的显示和隐藏？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：百度导航地图 有人说高德地图和百度地图都只有三条线路推荐，对此你怎么看？ 下一篇：开发微信小程序报价 微信小程序是什么？属于移动端的，前端页面开发吗？

相关推荐