发布于 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 以及所有现代浏览器中的默认脚本语言!



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务