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"  定义网页底部