jquery是一種常用的javascript庫，它為web開發提供了許多便捷的操作方法。其中一個最常用的功能就是制作網站的頂部導航條。

頂部導航條是網站中非常重要的一部分，它能讓用戶快速地找到所需的頁面。jquery制作頂部導航條的方法非常簡單，只需要以下幾步即可。

//step1: HTML結構//step2: CSS樣式
nav{
width: 100%;
background-color: #333;
color: #fff;
}
ul{
margin: 0 auto;
width: 60%;
}
li{
display: inline-block;
margin-left: 20px;
}
a{
display: block;
padding: 15px 20px;
text-decoration: none;
color: #fff;
}
//step3: jQuery實現
$(document).ready(function(){
$('nav ul li a').click(function(){
$('nav ul li a').removeClass("active");
$(this).addClass("active");
});
});

以上代碼中，HTML部分使用了