jQuery Mobile是jQuery 在手機上和平板設(shè)備上的版本。jQueryMobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說：能開發(fā)這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。 此框架簡單易用。頁面開發(fā)主要使用標(biāo)記，無需或僅需很少 JavaScript

什么是 jQuery Mobile？

jQuery Mobile 是一個為觸控優(yōu)化的框架，用于創(chuàng)建移動 web 應(yīng)用程序。

jQuery 適用于所有流行的智能手機和平板電腦

jQuery Mobile 構(gòu)建于 jQuery 庫之上，這使其更易學(xué)習(xí)，如果您通曉jQuery 的話。

它使用 HTML5、CSS3、JavaScript 和 AJAX 通過盡可能少的代碼來完成對頁面的布局。

這個頁面是一個使用Jquery Mobile設(shè)定了固定定位的頭部欄和尾部欄的實例。頁面的文檔流是正常的，讓我們能夠正常的布局文檔，而不用通過腳本寫。頭部欄和尾部欄在文檔流中的正常位置，但是當(dāng)他們被滾動出屏幕后，你可以通過點擊屏幕，使他們重新出現(xiàn)。再次點擊或者滾動屏幕會使他們重新出現(xiàn)在文檔流中（在頂部或底部）

<meta name="viewport" content="width=device-width,initial-scale=1"> 適配設(shè)備 <div data-role="page"> <div data-role="header" data-position="fixed"><h1>這個是網(wǎng)頁頂部</h1> </div> <div data-role="content"> </div> <div data-role="footer" data-position="fixed"><h1>這個是網(wǎng)頁底部</h1> </div> </div>

我們可以data-role=”page” 定義當(dāng)前div 的在的在html 所充當(dāng)?shù)慕巧琼撁?

data-role=”header” 定義網(wǎng)頁 的頭部
data-role=”content” 定義網(wǎng)頁的內(nèi)容
data-role=”footer” 定義網(wǎng)頁底部

總結(jié)

以上是生活随笔為你收集整理的jQuery Mobile 快速入门的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。