jQuery是一種流行的JavaScript庫，它為開發人員提供了方便的方法來處理HTML文檔、處理事件和動畫等功能。在本文中，我們將介紹如何使用jQuery創建鼠標懸停菜單。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
// 鼠標懸停時顯示子菜單
$(".nav li").hover(
function() { $(this).find("ul").slideDown(200); },
function() { $(this).find("ul").slideUp(200); }
);
});
</script>

以上代碼將在文檔準備就緒時綁定鼠標事件，當鼠標懸停在`.nav li`元素上時，會滑動下拉菜單，當鼠標離開時將菜單收起。

<ul class="nav">
<li><a href="#">菜單1</a></li>
<li><a href="#">菜單2</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="#">菜單3</a></li>
</ul>

以上代碼定義了一個具有三個菜單項的簡單菜單。在菜單項`菜單2`下方，還定義了一個包含三個子菜單項的下拉菜單。

通過將這兩個代碼片段結合使用，我們就可以創建一個鼠標懸停菜單了。當鼠標懸停在`菜單2`上時，顯示子菜單。當鼠標離開菜單時，子菜單就會收起。這可以增強網站的用戶體驗。