HTML和jQuery是當今廣泛應用于網頁開發的重要技術，可以極大地增強網頁的用戶交互性和可用性。本文將介紹如何使用HTML和jQuery實現一個列表。

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

代碼中，通過<ul>和<li>標簽來創建一個無序列表。其中每個<li>標簽對應一個列表項。

但是，當列表項過多時，原始的列表布局會顯得非常單調、不易瀏覽。這時候，我們可以使用jQuery來實現更具交互性的列表效果。

<script>
$(document).ready(function() {
$("li").click(function() {
$(this).toggleClass("selected");
});
});
</script>

代碼中，通過調用jQuery庫，實現當用戶點擊一個列表項時，該列表項會出現選中效果。這是通過toggleClass()函數來實現的，該函數可以加入或者刪除指定元素的樣式。

通過簡單的HTML和少量的jQuery代碼，我們實現了一個簡潔、可交互的列表。這也體現了HTML和jQuery在網頁設計與開發中的重要作用。