2016 - 2024

感恩一路有你

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

浏览量:1506 时间:2021-03-15 22:34:53 作者:admin

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:显示:无/块隐藏/显示

jquery点击显示隐藏切换 jquery点击按钮显示隐藏div jquery点击显示隐藏div

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