jQuery Mobile的圖標列表
包含鏈接的每個列表項的默認圖標是"carat-r"右箭頭）。 要改變這種到另一個圖標，使用data-icon屬性，你要修改的列表項：
例
<ul data-role="listview">
<li><a href="#">Default is right
arrow</a></li>
<li data-icon="plus"><a href="#">data-icon="plus"</a></li>
<li data-icon="minus"><a href="#">data-icon="minus"</a></li>
<li
data-icon="delete"><a href="#">data-icon="delete"</a></li>
<li
data-icon="location"><a href="#">data-icon="location"</a></li>
<li data-icon="false"><a href="#">data-icon="false"</a></li>
</ul>
試一試» data-icon="false"將刪除的圖標。
對於所有的jQuery Mobile的按鈕圖標的完整參考，請訪問我們的jQuery Mobile的圖標參考 。
16×16的圖標
要將標準16x16px圖標添加到列表中，添加一個<img>一類的“UI麗圖標”的鏈接元素中：
例
<ul data-role="listview">
<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon" >USA</a></li>
</ul>
試一試» jQuery Mobile的縮略圖列表
對於大於16x16px較大的圖像，添加一個<img>列表項內部元素作為第一個子元素（無類名）。
jQuery Mobile的將自動縮放圖像80x80px ：
使用標準的HTML，以填補信息列表：
例
<ul data-role="listview">
<li>
<a href="#">
<img src="chrome.png">
<h2>Google Chrome</h2>
<p>Google Chrome is a free,
open-source web browser. Released in 2008.</p>
</a>
</li>
</ul>
試一試» 拆分按鈕
要創建一個垂直分隔欄分割清單，將裡面的兩個鏈接<li>元素。
jQuery的移動將自動放置在列表的右側的第二連桿用右arrow-icon 。 和鏈接（如果有的話）內的文本將顯示，當用戶將鼠標懸停在圖標：
例
<ul data-role="listview">
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#">Some
Text</a>
</li>
</ul>
試一試» 讓我們來添加一些網頁和對話框，使鏈接更多的功能：
例
<ul data-role="listview">
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#download"
data-transition="pop" data-icon="gear">Download Browser</a>
</li>
</ul>
<div data-role="page" id="download" data-dialog="true">
試一試» 伯爵泡沫
計數氣泡用於顯示與列表中的項目，如在一個郵箱消息相關聯的數字：
要增加數氣泡，使用內聯元素，如<span>帶班"ui-li-count" ，並添加一個數字：
例
<ul data-role="listview">
<li><a href="#">Inbox<span class="ui-li-count" >25</span></a></li>
<li><a href="#">Sent<span class="ui-li-count" >432</span></a></li>
<li><a href="#">Trash<span class="ui-li-count" >7</span></a></li>
</ul>
試一試» 注意：要顯示在一個計數氣泡的正確數目，它必須被編程更新。 這將在後面的章節來解釋。
更多示例
彈出列表
如何創建一個彈出列表。
可折疊列表
如何創建隱藏和顯示內容列表。
可折疊彈出列表
如何創建一個可折疊的彈出列表。
全寬可折疊列表
使用data-inset="false"屬性，在"collapsibles/collapsible set" ，使全寬列表視圖。
更多內容格式
如何使一個日曆。