2. jQuery Mobile开发准备

我们为了能够在网站上使用jQueryMobile，在开发之前，我们需要进行向我们的网页中添加jQuery Mobile，我们有两种方法进行jQuery Mobile 的添加。

1.  从 CDN 引用jQuery Mobile

CDN (ContentDelivery Network) 用于通过 web 来分发常用的文件，以此加快用户的下载速度。

通过CDN的引用，我们只需直接在 HTML 页面中引用在线的样式表和 JavaScript 库，就可以进行jQuery Mobile的开发了。

代码如下：

<link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

注释：除了jQuery Mobile官网的CDN，我们还可以选择其他的CDN网站，如：

Google CDN

·        http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.js

·        http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js

·        http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.css

·        http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css

Microsoft CDN

·        Microsoft CDN –jQuery Mobile

2.  引用已经下载好的jQuery Mobile 库

我们可以通过 jQuery Mobile 官网 ，下载jQuery Mobile开发过程中所需要的素材，如JavaScript、CSS和images（图片），网站如下：http://jquerymobile.com/download/ 。

注释：关于jQuery包的下载，我们可以通过jQuery官网 进行下载，下载网站如下：http://jquery.com/download/。

下面，我们就可以进行库的引入了，代码如下：

<link rel="stylesheet" href="css/jquery.mobile-1.4.5.css" />

<script src="js/jquery.min.js"></script>

<script src="js/jquery.mobile-1.4.5.min.js"></script>

通过以上步骤，我们算是完成了jQuery Mobile开发的简单开发准备，在实际的开发过程中，除了以上代码，我们往往还需要引用更复杂的CSS样式，如：关于icon或者theme的样式，这些在以后的学习过程中，我们会陆续学到。