jQuery 是一個強大的 JavaScript 庫，它可以讓網頁變得更加交互式和動態。在本文中，我們將介紹如何使用 jQuery 讓一個 unordered list (無序列表，簡稱 ul) 變成循環列表。

首先，我們需要在 HTML 中創建一個 ul，如下所示：

<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

接下來，我們需要使用 jQuery 選擇這個 ul，并使用 jQuery 的 each() 方法來遍歷其中的所有 li。我們需要把最后一個 li 移動到列表的頂部。

$(document).ready(function(){
var list = $("#myList");
var items = list.children("li");
list.prepend(items[items.length - 1]); // 把最后一個 li 移到頂部
});

我們可以解釋這個代碼的每一行：

• $(document).ready(function(){...});代表頁面加載完成后執行的代碼塊。
• $("#myList")選擇 id 為 "myList" 的 ul。
• list.children("li")選擇 list 的所有子元素 li。
• list.prepend(items[items.length - 1]);把最后一個 li 移到 ul 的頂部。

最后，我們需要通過 CSS 來讓列表項根據需要進行自動換行，這可以實現無限循環效果。

#myList li {
white-space: nowrap; // 禁止 li 換行
display: inline-block; // 把 li 轉換為塊級元素，并水平排列
}

通過這段代碼，我們可以實現一個動態的循環列表，讓網頁變得更加生動有趣。