文档介绍：wangjian223344的专栏
JQuery mobile 1第一个页面
分类: 手持html5phone Gap JQuery moblie 2013-11-06 14:56 65人阅读评论(0) 收藏举报
jquery mobilehtml5移动浏览器移动设备
最近在公司做一个移动客户端,混合应用模式开发,使用的Jquerymobile,自己对jquerymobile不是很熟悉,利用
空闲的时间从头开始学习jquerymobile。希望通过自己的努力,和记录能够使自己对于jquerymobile有一定的了
解。
花了几分钟写了一个jquerymobile的最简单的页面,学习每个技术都是先写hello XX,所以我这次第一次写的是
hello jquerymobile。代码如下:
[html] view plaincopy
1. <!doctype html>  
2. <html>  
3. <head>  
4.     <meta charset="utf-8">  
5.     <title>第一个jquerymobile页面</title>  
6.     <meta name="viewport" content="width=device-width,initial-scale=1" />   
7.     <link rel="stylesheet" href="jqm/-"/>  
8.     <script src="jqm/jquery-"></script>  
9.     <script src="jqm/-"></script>  
10. </head>  
11.   
12. <body>  
13.     <div id="first" data-role="page">  
14.         <div id="header" data-role="header">  
15.             <h1>这是第一个jquerymobile页面</h1>  
16.         </div>  
17.         <div id="content" data-role="content">  
18.             Hello Jquerymobile!!  
19.         </div>  
20.         <div id="footer" data-role="footer">  
21.             <h4>Footer</h4>  
22.         </div>  
23.     </div>  
24. </body>  
25. </html>  
这是一个很简单的页面,但是有几点需要说明。
在代码中使用的是本地下载的css、js,但是真正做网站的时候不建议这样,建议使用jquerymobile的CDN去加载文
件,代码如下:
[html] view plain