万能百科  > 游戏数码   > 

怎么用js显示隐藏div

2022-02-23   

怎么用js来显示或隐藏一个p?很简单,下面一起来看一下。

操作方法

  • 01

    首先我们创建一个p,和一个按钮。用按钮的点击来控制p的显示或隐藏。

  • 02

    添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。

  • 03

    接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断p是否有hide样式,有则删除这个样式,即显示p。如果没有,则添加一个hide的样式,即隐藏p。

  • 04

    运行页面,我们点击按钮,如果p是正在显示的,点击后就会隐藏,如果是隐藏状态的,点击后就会显示。

声明:本篇经验系酷知网「www.coozhi.com」原创,转载请注明出处。

词条内容仅供参考,如果您需要解决具体问题
(尤其在法律、医学等领域),建议您咨询相关领域专业人士。

标签