jQuery Mobile 快速入門

jQuery Mobile是jQuery 在手機上和平板設備上的版本。jQuery Mobile 不只會給主流移動平臺帶來jQuery核心庫，並且會發佈一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，咱們很是興奮。移動Web太須要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。

此框架簡單易用。頁面開發主要使用標記，無需或僅需不多 JavaScript

什麼是 jQuery Mobile？

jQuery Mobile 是一個爲觸控優化的框架，用於建立移動 web 應用程序。

jQuery 適用於全部流行的智能手機和平板電腦

jQuery Mobile 構建於 jQuery 庫之上，這使其更易學習，若是您通曉 jQuery 的話。

它使用 HTML五、CSS三、JavaScript 和 AJAX 經過儘量少的代碼來完成對頁面的佈局。

這個頁面是一個使用Jquery Mobile設定了固定定位的頭部欄和尾部欄的實例。頁面的文檔流是正常的，讓咱們可以正常的佈局文檔，而不用經過腳本寫。頭部欄和尾部欄在文檔流中的正常位置，可是當他們被滾動出屏幕後，你能夠經過點擊屏幕，使他們從新出現。再次點擊或者滾動屏幕會使他們從新出如今文檔流中（在頂部或底部）

<meta name="viewport" content="width=device-width, initial-scale=1">  適配設備

<div data-role="page">

<div data-role="header" data-position="fixed">

  <h1>這個是網頁頂部</h1>

</div>

<div data-role="content">

</div>      

<div data-role="footer" data-position="fixed">

  <h1>這個是網頁底部</h1>

</div>

</div>

 

咱們能夠data-role="page" 定義當前div 的在的在html 所充當的角色是頁面.

data-role="header"  定義網頁 的頭部

data-role="content"  定義網頁的內容

data-role="footer"  定義網頁底部