如何用jQuery制作二级导航下拉菜单实例教程？

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

家庭都知道jQuery是一个框架，它对JS进行了封装，使其使用更方便。前两篇博文分别使用CSS样式和JS实现，那么这篇就用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库等。

例如：引用百度服务器上的jQuery库文件

<script type="text/javascript" src="jquery/1.9.0/jquery.js"></script>

接下来看看制作的流程：

1. 1、调用jQuery库：编写代码，引用jquery库。由于谷歌已退出大陆，建议使用百度服务器的jQuery库。