如何下载安装jQuery Mobile
1、一、下载jQuery库
在浏览器搜索框中,输入jQuery关键字,在搜索结果中,点击进入官方网站。

2、进入官方网站,点击“Download jQuery”按钮,进入下载页面。

3、进入下载页面,我们可以看到许多版本的jQuery,这里我们下载jQuery1.11.3

4、二、下载jQuery Mobile库
进入到jQuery Moblie下载界面,下载最新的jQuery Mobile库,此时最新的库为1.4.5,所以在这里我下载jquery.mobile-1.4.5.min.js库以及样式库jquery.mobile-1.4.5.min.css。

5、将网页向下拉,可以看到这里提示了有jQuery CDN hosted files
文件,在下面测试的第二种方式中,可以直接应用网络上的这个资源。

6、三、编写jQuery Mobile程序测试
3.1 使用本地jQuery Mobile库测试
首先,将刚才下载的jquery-1.11.3.min.js、jquery.mobile-1.4.5.min.js库以及样式库jquery.mobile-1.4.5.min.css放到一个新建的名为jquery的文件中。

7、在jquery相同目录下,新建一个test.html文件,里面输入以下内容,如图所示注意:红线中的内容,一定要引用正确的路径
jquery的js文件一定要放在jquery mobile的js文件前面,因为jquery mobile需要jquery库的支持。

8、然后,使用浏览器打开test.html文件,便可以看到网页中正确显示信息,且样式如图所示,,这样jQuery Mobile就安装好了。其实安装也就是将库文件正确引入到html文件中。
注意:有些浏览器会因为跨域问题不显示,建议使用火狐浏览器或着将浏览器的跨域设置去除,亦或是将test.html放到一个服务器中在访问。

9、3.2 使用CDN引用的jQuery Mobile 库测试
在任意目录下新建一个test2.html文件,写上测试代码,然后再<head></head>标签对中引用第5步上的jQuery CDN hosted files,如图所示:

10、使用浏览器打开test2.html文件,便可以看到网页中正确显示信息,且样式如图所示,这样jQuery Mobile就设置好了。
注意:这里也得注意某些浏览器的跨域问题。
