点击空白隐藏js，如何隐藏空白区域

求用jquery点击空白处隐藏div的方法,寻找最简单的方法

基本思想是：触发div的hide()和show()函数。

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

先说你几个最基本的错误哦，对你以后有帮助。你的id怎么能写数字呢？这是大忌。一定要以下划线或者字母开头。hidden这个属性你自己编的属性吧。

方法有很多，可以设置CSS，也可以使用toggle()方法；我还是喜欢有图有真相的方式，表达更明了。

相关问答

Q1: jquery鼠标点击空白处触发事件代码`求解

1、(1)：click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。(p).click(function(){ alert(click function is running ！)；} )；(2)：dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用。

2、先触发divBox的mouseout事件，再触发divItem的mouseover事件。你这样的需求是无法直接实现的，看能否换一种方式，来达到你要的效果。可以在divItem的mouseover事件里面调用divBox的mouseover所调用的方法。你的divItem是用来做什么的，能否用divBox的背景图片代替。

3、它没有放出这方面的参数，默认就是点击任何位置会关闭。

4、这个就是在文档准备好的时候，对类名为its的表格中，类名中不为.empty(空)的行绑定事件。一共绑定了两个事件，第一个是hover，鼠标移入时添加类hover，移出时移走类hover，另一个是点击。

Q2: js中怎么控制一个标签的显示与隐藏

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

锚点连接 如要要让不显示的a标签显示只需要将style中的display：none这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

Q3: 怎么用JS隐藏一个DIV层?

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html的script标签中，再输入js代码：document.body.removeChild(document.getElementById(a))；。浏览器运行index.html页面，会发现内容为123的div被移除了。

2、首先，打开html编辑器，新建一个html文件，例如：index.html。

3、方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。

4、首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。

5、使用JavaScript控制div的显示隐藏，通常是修改div元素的display为none。display属性 定义和用法 display 属性规定元素应该生成的框的类型。

Q4: js自动点击空白区域

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(img).click()；。浏览器运行index.html页面，此时img标签被用js自动点击并打印了相关内容。

2、你可以使用定时函数。js中：(function(){ setInterval(function(){ var buy = document.getElementById(btnBuy)；//给你的a标签加一个id ：btnBuy buy.click()； }，500)//后面的500是以毫秒为单位。})；希望能帮助你。

3、autojs找图点击图片中间，就要先写的请求截图代码。部分手机可以在请求截图前开启一个线程去点击允许达到自动获取截屏权限的目的，然后到了设置找图方法。

Q5: js点击按钮显示再点击空白地方隐藏

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

} function Hide() { document.getElementById(ceng).style.display = none； } 设置一个隐藏层，点击按钮的时候改变隐藏层的display属性，将隐藏层显示出来。再给隐藏层设置一个Hide()点击方法，点击隐藏层再次隐藏。

如果只是想显示隐藏就把display换成visibilty：hidden。

点击空白隐藏js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于如何隐藏空白区域、点击空白隐藏js的信息别忘了在本站进行查找喔。