jQuery Mobile 是一個基于jQuery的移動應用開發框架，需要一些基本的HTML和CSS知識，它提供了可重用的開發模式和UI組件，能夠創建漂亮的交互式應用程序，減少在不同設備上的開發難度。

其中列表、圖像等組件是應用開發中經常用到的，下面讓我們來看看如何在jQuery Mobile中使用列表的圖片功能。

<ul data-role="listview">
	<li>
<a href="#">
<img src="images/pic01.jpg">
<h2>山水風景</h2>
<p>美麗的山水風景，讓人陶醉。</p>
</a>
	</li>
	<li>
<a href="#">
<img src="images/pic02.jpg">
<h2>美食佳肴</h2>
<p>讓我們一起品嘗這美食佳肴。</p>
</a>
	</li>
</ul>

上述代碼使用了<ul>和<li>標簽來創建一個列表，其中<a>標簽是列表項中的鏈接，<img>標簽是圖片，<h2>和<p>標簽是列表項的標題和描述。

在URL中加入“data-role=listview”可以讓jQuery Mobile自動把<ul>列表轉換成可跨平臺的列表，如果需要添加滾動條，只需在<ul>標簽前加上“ui-scrollview-clip”即可。

通過使用jQuery Mobile的列表圖片功能，我們可以輕松創建一個漂亮的列表視圖，為應用程序增加更多的功能和美觀性。