jquery实现点击一个按钮控制一个div显示和隐藏

1、新建一个html文件，命名为test.html，用于讲解jquery实现点击一个按钮控制一个div显示和隐藏。

2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、在test.html文件内，分别在p标签内，使用div标签创建一行文字，使用button标签创建一个按钮。

4、在js标签内，使用ready()方法在页面加载完成时，执行function方法。

5、在function方法内，通过元素名称获得button对象，给它绑定click点击事件，当按钮被点击时，执行function函数。

6、在click事件的function函数内，通过this获得当前点击的按钮对象，使用prev()方法获得button按钮前一个元素，即div元素，再使用toggle()方法实现显示和隐藏状态的切换。

7、在浏览器打开test.html文件，点击按钮，查看实现的效果。