jQuery是一個功能強大的JavaScript庫，它被廣泛用于Web開發中。本文將介紹如何使用jQuery來處理列表項的選中狀態。

假設我們有一個無序列表，其中包含多個列表項。我們想要在用戶單擊列表項時將它標記為已選中狀態，并取消所有其他已選中的項。我們可以使用下面的代碼來實現這個功能：

$(document).ready(function() {
$('ul').on('click', 'li', function() {
$(this).addClass('selected').siblings().removeClass('selected');
});
});

這段代碼使用jQuery的on()方法來綁定click事件處理程序。當用戶單擊列表項時，我們添加selected類來標記它為已選中狀態，并使用siblings()方法來取消所有其他已選中的項的選中狀態。

我們可以使用CSS來自定義selected類的樣式，以便在列表中突出顯示已選中的項：

.selected {
background-color: #ccc;
color: white;
font-weight: bold;
}

我們還可以使用jQuery的hasClass()方法來檢查列表項是否已被選中：

if ($('#myListItem').hasClass('selected')) {
// Do something if it's selected
}

上面的代碼將檢查列表中ID為myListItem的項是否被選中，如果是，則執行相應的操作。

總而言之，使用jQuery可以輕松地處理列表項的選中狀態，為用戶提供更好的交互體驗。