3級導航是指網站頁面中的三層級聯導航條。通過jQuery可以實現這樣的導航效果，具有美觀、易讀、易用的特點。

//html代碼
<ul class="menu">
<li>
<a href="#">菜單1</a>
<ul>
<li><a href="#">子菜單1-1</a></li>
<li><a href="#">子菜單1-2</a></li>
<li><a href="#">子菜單1-3</a></li>
</ul>
</li>
<li>
<a href="#">菜單2</a>
<ul>
<li><a href="#">子菜單2-1</a></li>
<li><a href="#">子菜單2-2</a></li>
<li><a href="#">子菜單2-3</a>
<ul>
<li><a href="#">子菜單2-3-1</a></li>
<li><a href="#">子菜單2-3-2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">菜單3</a></li>
</ul>
//jquery代碼
$(function(){
$(".menu ul").hide();
$(".menu li").hover(function(){
$(this).children("ul").stop().slideDown(300);
},function(){
$(this).children("ul").stop().slideUp(300);
});
});

上述代碼中，使用了jQuery的hover()方法，當鼠標移入菜單項時，展開子菜單；當鼠標移出時，收起子菜單。

同時，在初始狀態下，所有子菜單的顯示狀態都是隱藏的，使用hide()方法將其隱藏。

使用jQuery實現3級導航，可以使頁面更加美觀，用戶體驗也更佳，值得推廣使用。