jQuery Mobile全攻略

1、在百度搜索引擎中搜索关键词“jQuery Mobile”

3、点击最新稳定版本的jQuery Mobile进行下载，如下图所示。

5、jquery.mobile-1.4.5下载文件，如下图所示。

7、 将文件夹中所需文件jquery.mobile-1.4.5.m坡纠课柩in.js、jquery.mobile-1.4.5.min.css以及整个images文件夹都拷贝你的工作目录，如下图所示。

9、另外，还需要引入相对于的JQuery库，<挢旗扦渌;script src="js/jquery-2.1.3.min.js"></script>。

11、 jQuery Mobile最基本的属性有data-role=争犸禀淫"page“、data-role="header"、role="ma足毂忍珩in"、data-role="footer"，page代表整个页面、header代表头部、main代表除头尾的中间部分，footer代表底部，整个页面结构如下图所示。

13、下面以底部导航栏为例，进一步熟悉jQuery Mobile的使用。

15、在移动设备上，切换页面有闪屏的现象，在样式加入如下代码即可。