原生js按钮点击隐藏，原生js控制页面元素显示和隐藏

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

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

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

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

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

各自控制 显示和隐藏 的功能。//这段的两个按钮，可以实现单独控制 及 同时控制 显示和隐藏 的功能。

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

相关问答

Q1: 如何用js实现一个按钮点击后隐藏~

1、打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

2、jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

3、可以使用js来实现按钮和文本的显示隐藏。创建一个新的html文档，在body标签中添加span标签和按钮标签，并为每个标签设置一个id：添加脚本标记并向脚本标记添加按钮单击事件。

Q2: 如何实现JS点击按钮隐藏一部分DIV,在点击按钮出现整个DIV?

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

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

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

4、在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

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

原生js按钮点击隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于原生js控制页面元素显示和隐藏、原生js按钮点击隐藏的信息别忘了在本站进行查找喔。