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

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

示例HTML

<div class=“ABC”style=“显示：无“></div><input type=”button”class=”but“/>

最简单的方法如下：

<script>$（文档）。就绪（函数（E）{T$（）。但是我不知道。单击（函数（E）{T/T$（）。ABC“”。Toggle（） }）</script>

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（）show object

removeclass（）删除一个类

Addclass（）添加一个类

另外，您还可以通过jQuery设置div的CSS：显示：无/块隐藏/显示

js控制div显示隐藏实现 js控制div显示 js隐藏div中内容

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。