如何用jQuery制作二级导航下拉菜单效果？

本文共计1376个文字，预计阅读时间需要6分钟。

大家一定都知道jQuery是一个框架，它对JS进行了封装，使得使用更方便。前两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉菜单。使用jQuery实现需要掌握的知识点有：jQuery选择器、事件绑定、动画效果等。

大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。

使用JQuery实现需要用到的知识有：

1. 1)使用$(function(){...})获取到想要作用的HTML元素。
2. 2)通过使用children()方法寻找子元素。
3. 3)通过使用show()方法来显示HTML元素。
4. 4)通过使用hide()方法来隐藏HTML元素。
5. 5)jQuery库引用方法:

第一种方法：将jQuery库下载到电脑上，然后引用，我下载的是jquery-1.7.1.min.js这个版本。

例如：

<script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>

第二种方法：直接引用在线服务器上的jQuery库文件，比如谷歌服务器jQuery库，百度服务器jQuery库等。