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

什么是 jQuery Mobile？

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

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

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

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

這個(gè)頁面是一個(gè)使用Jquery Mobile設(shè)定了固定定位的頭部欄和尾部欄的實(shí)例。頁面的文檔流是正常的，讓我們能夠正常的布局文檔，而不用通過腳本寫。頭部欄和尾部欄在文檔流中的正常位置，但是當(dāng)他們被滾動(dòng)出屏幕后，你可以通過點(diǎn)擊屏幕，使他們重新出現(xiàn)。再次點(diǎn)擊或者滾動(dòng)屏幕會(huì)使他們重新出現(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>這個(gè)是網(wǎng)頁頂部</h1> </div> <div data-role="content"> </div> <div data-role="footer" data-position="fixed"><h1>這個(gè)是網(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)容還不錯(cuò)，歡迎將生活随笔推薦給好友。