首页 > 代码库 > jQuery Mobile 简介与安装

jQuery Mobile 简介与安装

一、什么是 jQuery Mobile?

  jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。

  jQuery 适用于所有流行的智能手机和平板电脑:

  jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果您通晓 jQuery 的话。

  它使用 HTML5、CSS3、JavaScript 和 AJAX 通过尽可能少的代码来完成对页面的布局。

 

 

二、向网页中添加 jQuery Mobile

1、从 CDN 引用 jQuery Mobile(推荐)

    CDN (Content Delivery Network) 用于通过 web 来分发常用的文件,以此加快用户的下载速度。与 jQuery 类似,无需在您的计算机上安装任何程序;您只需直接在 HTML 页面中引用以下样式表和 JavaScript 库,这样 jQuery Mobile 就可以工作了:

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

 

2、从 jQuerymobile.com 下载 jQuery Mobile 库

  如果您希望在服务器上存放 jQuery Mobile,您可以从 jQuerymobile.com 下载文件。

<head>
<link rel=stylesheet href=jquery.mobile-1.3.2.css>
<script src=jquery.js></script>
<script src=jquery.mobile-1.3.2.js></script>
</head>

提示:请将下载的文件放到您希望使用的文件夹中。

提示:您是不是奇怪为什么 <script> 标签中没有 type="text/javascript" 属性?在 HTML5 中该属性不是必需的。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!