1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：
2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：
3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：
4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:
5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：
6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：
解决js怎么实现隐藏图片功能的步骤如下：
1.首先我们来创建一个p元素，在里面写上hello。
2.在浏览器界面上的显示。
3.接下来就用js来隐藏元素。
4.来看看浏览器。
5.已经就不显示了，如果还要再显示回来的话，让它等于block就好。这样就解决了js怎么实现隐藏图片功能的问题了。
页面放一张图：<img id="myImg" src="./myPic.png">
按钮，按钮的点击事件调用myFun函数：
<button value="按钮" onclick="myFun()">
js中加入这个函数，利用jQuery的hide方法进行隐藏：
function myFun(){
$("#myImg").hide()//获取id为myImg的元素并隐藏
}
