2. jQuery Mobile开发准备

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

1.  CDN 引用jQuery Mobile

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

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

代码如下:

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

注释:除了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/

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

 
    
 
   
 
  

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

你可能感兴趣的:(jQuery,Mobile)