发布于 2016-10-22 12:48:42 | 218 次阅读 | 评论: 0 | 来源: 网友投递
jQuery Mobile jQuery的移动设备版
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。
一、什么是 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 以及所有现代浏览器中的默认脚本语言!