jQuery Mobile 是一個(gè)使用 HTML5 和 CSS3 技術(shù)開發(fā)的跨平臺(tái)移動(dòng)應(yīng)用程序開發(fā)框架。憑借著它優(yōu)秀的用戶體驗(yàn)、跨平臺(tái)一致性和豐富的組件，它被越來越多的開發(fā)者所接受和使用。

下面是一個(gè)簡單的 jQuery Mobile 列表示例。該示例代碼中使用了

ul

和

li

標(biāo)簽，其中每個(gè)

li

標(biāo)簽都包含一個(gè)文本描述和一個(gè)鏈接。

jQuery
jQuery 是一個(gè)快捷、簡潔的JavaScript框架，為 Web 開發(fā)者提供了豐富的功能和眾多插件支持。
jQuery Mobile
jQuery Mobile 是一個(gè)基于 jQuery 和 HTML5 技術(shù)構(gòu)建的開源跨平臺(tái)移動(dòng)應(yīng)用程序開發(fā)框架。
PhoneGap
PhoneGap 是一個(gè)基于 HTML、CSS 和 JavaScript 開發(fā)跨平臺(tái)移動(dòng)應(yīng)用程序的開源框架。

在上面的代碼中，

ul

標(biāo)簽應(yīng)用了

data-role="listview"

屬性，這告訴 jQuery Mobile 把這個(gè)控件渲染成一個(gè)列表。同時(shí)，

data-inset="true"

屬性指定了邊框的樣式。

每個(gè)列表項(xiàng)都由一個(gè)

li

元素組成，其中包含一個(gè)鏈接和一個(gè)描述文本。鏈接使用標(biāo)準(zhǔn)的

a

元素，而描述文本使用一個(gè)

p

元素。

使用 jQuery Mobile 可以輕松創(chuàng)建出漂亮的、功能豐富的移動(dòng)應(yīng)用程序界面，快來嘗試一下吧！