趣百科

怎么隐藏div显示

编辑:Simone 2025-04-10 17:51:50 572 阅读

怎么隐藏div显示

在使用div进行页面布局时,若当某个div标签被隐藏了,利用按钮事件控制div标签显示。那么,具体如何将隐藏div显示出来呢?

双击打开HBuilderX工具,新建Web项目并将jquery核心文件拷贝到项目文件夹下

在pages文件夹下,新建HTML5页面divs.html,然后点击创建按钮

打开已新建的页面文件,将jquery文件引入到页面中,然后修改title标签内容

在body标签中,插入一个div,设置display为none;添加一个显示按钮,设置id属性值

标签中,添加按钮点击事件,控制隐藏div标签显示

保存代码并运行项目,打开浏览器并点击显示按钮,可以发现上方显示隐藏两字

1、设置div标签display为none

2、按钮点击事件修改display

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/174223.html

相关推荐