最近在準備前端開發的面試，最近看到了一個面試題：使用jQuery和ul實現一個導航條，下面是我的解答：

<ul id="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">新聞動態</a></li>
<li><a href="#">產品中心</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
<script>
$(function() {
$('#nav li').mouseenter(function() {
$(this).addClass('hover').siblings().removeClass('hover');
}).mouseleave(function() {
$(this).removeClass('hover');
});
});
</script>

首先是HTML部分，這里使用了ul標簽來表示導航條，每個導航項都使用li標簽包裹，并使用a標簽作為超鏈接。

接下來是jQuery部分，這里使用了$函數來代替jQuery函數，使用了mouseenter和mouseleave事件來控制導航項的樣式。代碼中，mouseenter事件會將當前的導航項添加一個名為“hover”的類，同時將兄弟元素的“hover”類都移除，鼠標移出時則將當前元素的“hover”類移除。

使用jQuery和ul實現導航條，可以使網站的菜單靜態化，使頁面更快速地加載和顯示，同時也能讓網站更加美觀同時又不失實用性。