jquerymobile-1 第一个jquerymobile页面

最近在公司做一个移动客户端，混合应用模式开发，使用的Jquerymobile，自己对jquerymobile不是很熟悉，利用空闲的时间从头开始学习jquerymobile。希望通过自己的努力，和记录能够使自己对于jquerymobile有一定的了解。

花了几分钟写了一个jquerymobile的最简单的页面，学习每个技术都是先写hello XX，所以我这次第一次写的是hello jquerymobile。代码如下：

    
    
     
    
    
    



	

        

        	
这是第一个jquerymobile页面
        
        

        	Hello Jquerymobile!!
        
        

        	
Footer
        
    

这是一个很简单的页面，但是有几点需要说明。

在代码中使用的是本地下载的css、js，但是真正做网站的时候不建议这样，建议使用jquerymobile的CDN去加载文件，代码如下：

引用js的时候，一定要先写jquery然后再写jquerymobile，否则会出错。因为jquerymobile依赖jquery。

还有在head中的一段代码：

这行代码的功能是：设置移动设备中浏览器缩放的宽度与等级。通常情况下，移动设备的浏览器默认以“900px”的宽度显示页面，这种宽度会导致屏幕缩小，页面放大，不适合浏览。如果在页面中添加 元素，并设置“content”的属性值为“width=device-width,initial-scale=1”，可以使页面的宽度与移动设备的屏幕宽度相同，更加适合用户浏览。

在代码中我们并没有对header和footer加什么样式，但是显示的结果是有样式的，这样的原因是jquerymobile自动为它们添加了样式。