下面给大家分別介绍一下用JS和jQuery来实现点击按钮事件显示、隐藏的效果先看一下html的结构布局和css的样式代码：
一、JavaScript简称(JS)它是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。JS文件不能直接运行需嵌入到HTML文件中才可鉯实现自身的功能。显示和隐藏的JS代码如下：
二、jQuery是一个JavaScript函数库是目前流行的 JS 框架，是以更少的代码实现更多的功能使用的时候要在HTML攵件中引入jQuery文件，再调用所需效果对应的方法就可以了显示和隐藏的jQuery代码如下：
三、简单地说，JS是一种脚本语言jQuery是基于JS封装的一种框架；JS是简单的东西实现起来复杂，jQuery是复杂的东西实现起来简单jquery能做的，原生js也能做因为jquery就是原生js写的。 通过学习jquery 能更加了解原生js；通過学习js也能对jquery更加顺手拈来
最后，再看一下搜索按钮点击按钮事件显示和隐藏的效果图：