JQuery是現代前端Web開發的重要一環，它的出現大大簡化了我們代碼的編寫。下面我們來學習一下如何使用jQuery過濾器列表變色。

$(document).ready(function(){
$("li:even").css("background-color", "#EEEEEE");  // 設置偶數行背景色為淡灰色
$("li:odd").css("background-color", "#FFFFFF");   // 設置奇數行背景色為白色
$("li:first").css("background-color", "#4CAF50"); // 設置第一行背景色為綠色
$("li:last").css("background-color", "#FF5722");  // 設置最后一行背景色為橙色
});

在上述代碼中，我們使用了jQuery的過濾選擇器，通過選擇“li:even”和“li:odd”來篩選出列表中的偶數行和奇數行進行不同顏色的設置；使用“li:first”和“li:last”來選擇列表中的第一行和最后一行進行不同顏色的設置。

通過上述代碼，我們可以輕松實現列表行的變色效果，讓網頁更加美觀、生動。同時，使用jQuery過濾器也讓我們的代碼編寫更加簡單和精簡。