原生JS搜索按钮点击的显示与隐藏

开发工具与关键技术：DW  JavaScript、jQuery插件
撰写时间：2019年2月12日

下面给大家分别介绍一下用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更加顺手拈来。
最后，再看一下搜索按钮点击事件显示和隐藏的效果图：