在Web開發中，經常會遇到需要在頁面上添加左側菜單列表的需求。通過使用jQuery，在頁面中快速創建并設置左側菜單列表可以大大提高開發效率。下面介紹如何使用jQuery設置左側菜單列表：
HTML代碼
<div class="sidebar">
<ul class="menu">
<li>菜單項1</li>
<li>菜單項2</li>
<li>菜單項3</li>
<li>菜單項4</li>
</ul>
</div>
jQuery代碼
$(document).ready(function() {
// 添加選中樣式
$('.menu li').click(function() {
$('.menu li').removeClass('active');
$(this).addClass('active');
});
});首先，我們需要在HTML文件中創建一個
標簽作為左側菜單列表的容器，并在其中添加一個
- 標簽作為菜單項容器。然后，我們可以像普通的HTML文件一樣添加多個
- 標簽作為不同的菜單項。
接著，我們使用jQuery的.ready()方法來保證頁面加載完畢后再執行JavaScript代碼。在代碼中，我們使用了.click()方法來為每個菜單項添加點擊事件，當單擊某個菜單項時，通過.removeClass()方法移除所有菜單項的選中樣式，再通過.addClass()方法為剛剛單擊的菜單項添加選中樣式。
通過上述代碼，我們成功地使用jQuery設置了左側菜單列表，并為其添加了選中樣式，可以大大提高Web頁面開發效率。