本文的内容基本来自itcast上的视频教程,所用示例也基本是那上面的例子
如果用纯JavaScript代码而不使用框架的话,那么做一个级联菜单也许是一件让人生畏的事情,但有了框架,这件事情就很容易了,这就是框架的好处,极大地提高了开发效率,并且更可靠和易于维护。使用jQuery来实现级联菜单的一般步骤如下:
- 1.首先使用<ul>和<li>创建一个级联菜单
- 2.编写JavaScript代码,控制级联菜单的收缩
- 创建css文件,来控制标签的显示效果
jQuery带来的方便:
- 在找被点击的菜单时,仅需要一个$(this)就可以实现
- 节点的显示与隐藏,只用一条语句:toggle()就可以,并且还可以在数组上实现所有节点都具有这种功能。
- 找到某个标签下所有的某种标签:$("ul > a")