js显示点击空白地方隐藏div，js点击其他区域隐藏

大神js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...

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

2、//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

3、新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。引入vue.js。在body结束标签前面使用sctipt引入vue.js文件。

4、//比如在CSS中先将div的display设置为none，那么点击的时候就先查询display值是否为none，//如果为none的话，就改为block，即显示div；如果不是block就改为none，隐藏div。

相关问答

Q1: js点击页面其它地方将某个显示的DIV隐藏

我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。

divIdstyle.display=(divIdstyle.display==none)？block：(divIdstyle.display==block？none：block)；} 这样就能实现两个div的显示隐藏了。

写入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

首先，jquery显示隐藏div是用的show()、hide()方法。

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

设置div对象的style.display属性为none即可隐藏该节点，设置属性为”block“可以显示之。

Q2: ...如何实现点击按钮在按钮下方弹出一个div,点击空白消失

1、首先我们在页面放置一个用来触发弹出层的链接，也可以是个按钮button，注意的是我们给它设置一个data-show-layer属性，这个属性值对应的就是弹出层的id，也就是说通过data-show-layer来关联弹出层。

2、页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。

3、新建一个html文件，命名为test.html。在test.html文件内，在p标签内，使用button标签创建多个按钮。在test.html文件内，分别设置button标签的class属性为bbtt，用于下面获得button对象。

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

{ $(div).mousemove(function(){ $(this).css(display，none)； })；})；/script用JQ还是比较简单的，只是不知道你具体要完成什么，所以就随便写了个，布局什么的就没在意了。

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

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

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

1、} 设置一个隐藏层，点击按钮的时候改变隐藏层的display属性，将隐藏层显示出来。再给隐藏层设置一个Hide()点击方法，点击隐藏层再次隐藏。

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

3、return false； }}显示\隐藏切换欢迎您以上代码实现了我们的要求，点击顶部链接可以实现div显示和隐藏的切换。

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

Q5: JS如何控制DIV的显示和隐藏

1、div标签隐藏显示方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

2、如果没有，则添加一个hide的样式，即隐藏div。04 运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。

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

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

关于js显示点击空白地方隐藏div和js点击其他区域隐藏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。