jQuery是一款廣受歡迎的前端框架，它為開發人員提供了豐富的工具和方法，可以輕松地創建復雜的Web應用。其中，菜單是Web應用中常見的組件之一，本文將介紹如何使用jQuery實現菜單點擊變色的效果。

首先，我們需要一個簡單的HTML頁面，用于展示菜單。以下是一個基本的菜單結構：

<div id="menu">
<ul>
<li><a href="#">主頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">產品與服務</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

然后，我們需要使用jQuery選擇器選中菜單中的元素，并監聽它們的點擊事件。以下是代碼示例：

$('#menu ul li a').click(function() {
// TODO: 變色代碼 
});

當菜單元素被點擊時，我們需要用jQuery為其添加樣式，來實現變色的目的。以下是變色的代碼：

$('#menu ul li a').click(function() {
// 移除所有已選中樣式
$('#menu ul li a').removeClass('selected');
// 為當前元素添加選中樣式
$(this).addClass('selected');
});

以上代碼中，我們使用removeClass()方法移除所有已選中樣式，然后使用addClass()方法為當前元素添加選中樣式。

最后，我們需要在CSS文件中為.selected樣式定義所需的樣式：

#menu ul li a.selected {
color: red;
}

以上CSS代碼中，我們為.selected樣式定義了color屬性為red，這一屬性可以根據實際需要進行調整。

綜上所述，使用jQuery實現菜單點擊變色的功能非常簡單。只需要使用jQuery選擇器選中菜單元素，并使用addClass()和removeClass()方法為其添加或移除樣式即可。