jQuery 隐藏/显示

在 web 开发中,经常会遇到需要隐藏或显示某个元素的情况。jQuery 提供了一些简单易用的方法来实现这一功能。

隐藏元素

要隐藏一个元素,可以使用 jQuery 的 hide() 方法。这个方法会将元素的 display 属性设置为 none,从而使元素在页面上不可见。

--------- -----
----- ----------
------
----- ----------------
----------- ------- ---------------
------- -----------------------------------------------------------
-------
------

---- ---------------
  ---- -- - ------ --------
------

--------
-----------------------------
  -----------------------
---
---------

-------
-------

在上面的示例中,我们通过 jQuery 选择了一个 id 为 myElement 的元素,并使用 hide() 方法将其隐藏起来。

显示元素

要显示一个被隐藏的元素,可以使用 jQuery 的 show() 方法。这个方法会将元素的 display 属性设置为 block(或者根据元素类型设置为适当的值),从而使元素在页面上可见。

--------- -----
----- ----------
------
----- ----------------
----------- ------- ---------------
------- -----------------------------------------------------------
-------
------

---- -------------- ----------------------
  ---- -- - ------ --------
------

------- -------------------- ----------------

--------
-----------------------------
  ----------------------------------
    -----------------------
  ---
---
---------

-------
-------

在上面的示例中,我们首先将元素隐藏起来(通过设置 display:none;),然后使用一个按钮的点击事件来触发 show() 方法,将其显示出来。

通过上面的示例,我们可以看到 jQuery 提供了简单易用的方法来隐藏或显示元素,让我们的页面交互更加丰富。


上一篇:jQuery 事件
下一篇:jQuery 淡入淡出