jquery二级菜单

以下是一个简单的jQuery二级菜单的例子：

HTML代码：

<ul class="menu">
  <li><a href="#">菜单1</a>
    <ul>
      <li><a href="#">子菜单1</a></li>
      <li><a href="#">子菜单2</a></li>
      <li><a href="#">子菜单3</a></li>
    </ul>
  </li>
  <li><a href="#">菜单2</a>
    <ul>
      <li><a href="#">子菜单4</a></li>
      <li><a href="#">子菜单5</a></li>
    </ul>
  </li>
  <li><a href="#">菜单3</a></li>
</ul>

jQuery代码：

$(document).ready(function(){
  $('.menu li').hover(function(){
    $('ul', this).stop().slideDown(100);
  }, function(){
    $('ul', this).stop().slideUp(100);
  });
});

解释：
1. 首先，我们使用jQuery选择器选中所有的菜单项li元素。
2. 然后，我们使用hover()方法来添加鼠标悬停事件处理程序。当鼠标悬停在菜单项上时，我们使用slideDown()方法来显示该菜单项下的子菜单；当鼠标移开时，我们使用slideUp()方法来隐藏该子菜单。
3. 最后，我们使用stop()方法来停止当前正在运行的动画，以避免出现动画队列问题。