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

jquery怎么实现点击一个按钮控制一个div的显示和隐藏？示例HTML<div class=“ABC”style=“显示：无“></div><input type=”button

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，您可以以各种姿势隐藏和显示元素。最常用的方法是hide（）和show（）：]$（element）。Hide（）//隐藏$（元素）。Show（）//Display

该值可以写在方括号中，以便隐藏或显示时生成过渡动画，动画持续时间为填充值（单位：ms）。

有slidedown（）和slideup（），下拉显示和折叠隐藏，类似的方法有toggle（）。

您还可以使用CSS控件方法隐藏和显示元素：:$（element）。CSS（“display”，“none”）//隐藏$（element）。CSS（“display”，“block”）//显示（block元素）