jQuery Mobile是一個基于jQuery的移動端Web應用開發框架，它提供了眾多的UI組件，讓我們可以輕松地開發出適用于移動設備的Web應用。其中，數據列表是一個非常常用的組件，可以方便地展示列表數據。下面我們就來學習一下如何使用jQuery Mobile的數據列表。

<div data-role="header">
<h1>數據列表</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li>
<a href="#">
<h2>Item 1</h2>
<p>Description about Item 1</p>
</a>
</li>
<li>
<a href="#">
<h2>Item 2</h2>
<p>Description about Item 2</p>
</a>
</li>
<li>
<a href="#">
<h2>Item 3</h2>
<p>Description about Item 3</p>
</a>
</li>
</ul>
</div>

如上代碼，我們在頁面中定義了一個數據列表，其中

標簽的data-role屬性設置為"listview"，便是一個jQuery Mobile的數據列表組件。在標簽中，我們定義了列表項，其中標簽內部分別包括一個

標簽和一個

標簽，分別用于展示列表項的標題和描述信息。

除了以上HTML代碼之外，我們還可以通過jQuery Mobile提供的API動態地添加、刪除列表項。例如，下面代碼可以動態添加一個列表項到列表中：

var newItem = '<li><a href="#"><h2>New Item</h2><p>Description about New Item</p></a></li>';
$('ul').append(newItem).listview('refresh');

以上代碼中，首先定義了一個新的列表項，接著使用jQuery的append()方法把它添加到列表中。最后，調用listview()方法刷新列表，使新列表項生效。

總之，在使用jQuery Mobile開發移動Web應用的過程中，我們可以使用數據列表這個常用的組件，方便地展示列表數據，并且可以通過API動態地添加、刪除列表項。