jQuery Mobile是一款非常流行的JavaScript框架，被廣泛應用于移動應用程序的開發中。在使用jQuery Mobile開發Web應用程序時，我們通常會需要使用購物車圖標來展示購物車中的商品數量。下面是一個簡單的例子，展示如何使用jQuery Mobile實現購物車圖標：

<div data-role="page">
<div data-role="header">
<h1>jQuery Mobile購物車圖標</h1>
</div>
<div data-role="content">
<a href="#" data-icon="shop" data-iconpos="notext" class="ui-btn-right"><span class="ui-badge">5</span></a>
<p>這里是頁面內容，可以放置商品列表、商品詳情等內容。</p>
</div>
</div>

在上面的代碼中，我們使用了data-role屬性來定義頁面元素，其中data-role="page"定義了一個頁面，data-role="header"定義了頁面的頭部，data-role="content"定義了頁面的內容。購物車圖標是通過添加一個a標簽實現的，同時使用了data-icon屬性來指定圖標的樣式，使用了data-iconpos屬性來指定圖標的位置，最后使用了一個span元素來展示購物車中的商品數量。ui-badge類是用來定義購物車中商品數量的樣式。

通過這樣的方式，我們可以在頁面中方便地展示購物車圖標，并且實時更新購物車中的商品數量。這種方法不僅可以應用于購物車圖標，也可以用于展示菜單項的未讀消息數量等場景。