在使用 jQuery 時(shí)，常會(huì)有選中元素添加樣式的需求。這個(gè)過程非常簡(jiǎn)單，使用 .addClass() 方法即可實(shí)現(xiàn)。例如：

$('li').click(function() {
$(this).addClass('selected');
});

上面的代碼表示，當(dāng) li 元素被點(diǎn)擊時(shí)，會(huì)為它添加一個(gè)名為 selected 的樣式。這里需要注意的是，如果刷新頁(yè)面，選中元素的樣式會(huì)被清除。

為了避免這種情況的發(fā)生，可以使用 localStorage 在本地保存選中元素的標(biāo)識(shí)。代碼如下：

$('li').click(function() {
$(this).addClass('selected');
localStorage.setItem('selected', $(this).index());
});
$(document).ready(function() {
var selected = localStorage.getItem('selected');
if (selected !== null) {
$('li').eq(selected).addClass('selected');
}
});

這里使用了 localStorage API，在點(diǎn)擊 li 元素時(shí)保存了它的索引值，并在頁(yè)面刷新時(shí)讀取該值，將選中狀態(tài)重新賦予到對(duì)應(yīng)的元素上。這樣，即使刷新頁(yè)面，選中元素的樣式也會(huì)依舊保留。