怎么让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:显示:无/块隐藏/显示
怎么让div隐藏与显示 实现层的隐藏display html控制元素显示与隐藏
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。