jQuery Mobile 是一個基于 jQuery 核心庫的移動應用框架。它提供一套簡便的編程接口，使開發者能夠輕松地創建優美的移動應用程序。jQuery Mobile 在其官方網站上提供了許多示例，這些示例展示了 jQuery Mobile 的各種特性和功能。 下面我們來看一些示例代碼：

1. 按鈕(Button)示例

<div data-role="content"><a href="#" data-role="button">按鈕</a></div>

該示例代碼展示了一個按鈕的創建方式，即使用 "data-role" 屬性設置為 "button"。

2. 折疊面板(Collapsible)示例

<div data-role="collapsible"><h3>標題</h3><p>內容</p></div>

該示例代碼展示了一個折疊面板的創建方式，即使用 "data-role" 屬性設置為 "collapsible"。

3. 導航欄(Navbar)示例

<div data-role="navbar"><ul><li><a href="#" class="ui-btn-active">首頁</a></li><li><a href="#">聯系我們</a></li></ul></div>

該示例代碼展示了一個導航欄的創建方式，即使用 "data-role" 屬性設置為 "navbar"。

4. 滑塊(Slider)示例

<div data-role="rangeslider"><label for="slider-1">滑塊:</label><input type="range" name="slider-1" id="slider-1" value="25" min="0" max="100"><label for="slider-2">滑塊:</label><input type="range" name="slider-2" id="slider-2" value="75" min="0" max="100"></div>

該示例代碼展示了一個滑塊的創建方式，即使用 "data-role" 屬性設置為 "rangeslider"。

5. 對話框(Dialog)示例

<a href="#myPopup" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow">打開對話框</a><div data-role="popup" id="myPopup" class="ui-content ui-corner-all"><h3>標題</h3><p>內容</p></div>

該示例代碼展示了一個對話框的創建方式，即使用 "data-role" 屬性設置為 "popup"。 以上是一些 jQuery Mobile 示例代碼的展示，當然還有更多的示例可以在官方網站上找到。通過學習這些示例代碼，我們可以更好地理解 jQuery Mobile 的使用方法和特性。