jQuery是一款非常流行的JavaScript庫，它可以快速地操作DOM元素，實現動態效果。其中，通過點擊li元素變色是一種常見的效果，本文將為大家介紹如何使用jQuery實現這一效果。

HTML代碼如下：
<ul id="list">
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
JavaScript代碼如下：
$(document).ready(function(){
$("#list li").click(function(){
$(this).css("color", "red");
});
});

以上代碼通過jQuery的選擇器選中ul下的所有li元素，當任意一個li元素被點擊時，就將其文字顏色設置為紅色。我們可以對這段代碼進行解析：

1. $(document).ready()函數用于表示該函數中的代碼在頁面DOM加載完畢后執行。

2. $("#list li")選擇器選中id為list的ul元素下的所有li元素。

3. .click()函數用于給選中的元素綁定click事件。

4. $(this)表示當前被點擊的li元素。

5. .css()函數用于改變元素的CSS屬性，這里將文字顏色設置為紅色。

基于上述代碼，我們可以根據需求進行修改，例如將文字顏色改為背景色，或者為選中的元素添加一個class名等等。