jQuery如何显示和隐藏div
jQuery是js中一款很强大的库，jQuery封装了很多js方法，那么jQuery如何显示和隐藏div呢？其实这只是一个很简单的小功能。下面小编就来为大家介绍一下jQuery如何显示和隐藏div，一起来看看吧。
操作方法
- 01
首先我们新建一个html空白文档，然后保存一下，方便后面预览用。
- 02
首先我们在html中新建一个div，默认是显示的，然后写两个按钮，一个显示div，一个隐藏div。
- 03
然后给div和button分别加上css样式，这个可以随便写，主要演示其点击效果。下面是写好的样式，可以用浏览器预览一下。
- 04
我们给两个按钮分别定义一个id，然后引入jQuery文件，准备写点击事件。
- 05
然后分别写显示和隐藏的jQuery代码，用到了show方法和hide方法，如下图。
- 06
这时候我们再打开浏览器看一下效果，默认显示，点击隐藏按钮的时候就会隐藏div，点击显示div的时候div会再次出现。
赞 (0)