大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有：
- 1)使用$(function(){...})获取到想要作用的HTML元素。
- 2)通过使用children()方法寻找子元素。
- 3)通过使用show()方法来显示HTML元素。
- 4)通过使用hide()方法来隐藏HTML元素。
- 5)jQuery库引用方法:
第一种方法：将jQuery库下载到电脑上，然后引用，我下载的是jquery-1.7.1.min.js这个版本。 例如： 接下来看看制作的流程： 1、调用jQuery库：编写代码，引用jquery库。由于谷歌已退出大陆，建议使用百度服务器的jQuery库。 注意: 百度服务器的jQuery库地址:http://libs.baidu.com/jquery/1.9.0/jquery.js 2 、编写显示子菜单函数，使用$,并通过class名获取一级菜单li，过children()找到li的孩子元素ul，使用show()方法,显示二级菜单。 3、编写隐藏子菜单函数，使用$,并通过class名获取一级菜单li，过children()找到li的孩子元素ul，使用hide()方法,隐藏二级菜单。 4、做浏览器兼容性测试，至少五个浏览器。IE7,8,9，火狐，谷歌，2345浏览器等。
先来看看效果图：
最后我们来看看代码的情况，和前面的区别不大： HTML代码：