在前端開發中，常常會遇到需要在頁面中展示導航菜單的情況。而給選中的菜單高亮，能夠使用戶更加清晰地知道自己所處的位置，提高用戶體驗。在jQuery中，我們可以使用addClass()方法和siblings()方法來實現選中菜單高亮的效果。

首先，我們在HTML中設計好導航菜單的樣式以及選中樣式。比如：

<ul class="menu">
<li class="active"><a href="#">首頁</a></li>
<li><a href="#">新聞中心</a></li>
<li><a href="#">產品中心</a></li>
<li><a href="#">關于我們</a></li>
</ul>

其中，我們使用.active類來表示當前選中項的樣式。

然后，我們在jQuery代碼中使用addClass()和siblings()方法來實現選中菜單高亮的效果。代碼如下：

$(function(){
$(".menu li a").click(function(){
$(this).parent().addClass("active").siblings().removeClass("active");
});
});

這段代碼的意思是：在click事件發生時，找到當前點擊的a標簽的父元素（即li標簽），為它添加.active類，并將其兄弟元素（即其他li標簽）的.active類都移除掉。

這樣，我們就實現了選中菜單高亮的效果。需要注意的是，如果當頁面剛打開時需要設置一個默認的選中項，我們可以在HTML中預先添加active類，如：

<li class="active"><a href="#">首頁</a></li>

或者，在jQuery代碼中進行判斷，找到默認的選中項，并給它添加.active類，如：

$(function(){
var currentUrl = window.location.pathname;
$(".menu li a[href='" + currentUrl + "']").parent().addClass("active");
});

以上就是使用jQuery實現選中菜單高亮的方法，只需簡單幾行代碼，便能讓頁面更加美觀和易于使用。