a链接隐藏div调用js，点击链接显示隐藏div

如何通过js实现隐藏和显示DIV?

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

2、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

3、给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

4、打开hbuilder软件，新建一个空白的html文件，输入基本的html结构，这里设置一个button按钮用来显示隐藏div，并且给按钮一个id，命名为show。

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

相关问答

Q1: 如何实现点击一个a标签隐藏整个div?

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

2、在HTML中标签a/a 或者大写字母A 。其中的a（或者 A）是 anchor 的缩写 。anchor [k]基本解释是.：锚，铁锚 的，网页当中的所有连接跳转基本上都是通过a标签来实现的。在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。

3、nav li ul li a：hover{text-decoration：underline；} /style /head body script type=text/javascript (function(){ (#nav li).hover(function(){ //hover是鼠标悬浮，click是鼠标点击。

4、给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：给显示或者隐藏的DIV，添加一个ID，ID名为：id=oa_submeau，如下图：将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

5、第一，如果你的a标签是在div里面的，那预计是不成的，因为css没有父选择器。

Q2: 用JS控制DIV的隐藏显示,要求选中一个链接字后下面相应的内容能够显示...

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

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

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

a链接隐藏div调用js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于点击链接显示隐藏div、a链接隐藏div调用js的信息别忘了在本站进行查找喔。