初步了解jquery mobile

最新推荐文章于 2024-09-12 11:26:31 发布

丿靈魂灬燈芐舞

最新推荐文章于 2024-09-12 11:26:31 发布

阅读量549

点赞数 1

本文链接：https://blog.csdn.net/zl941107/article/details/52768384

版权

什么是jquery mobile
jQuery Mobile是jQuery 框架的一个组件（而非jquery的移动版本）。jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。其出现的目的是为了能让开发人员开发出真正的移动web网站。
jquery mobile 特点
1. 一般简单性
此框架简单易用。页面开发主要使用标记，无需或仅需很少 JavaScript。
2.优雅降级
尽管 jQuery Mobile 利用最新的 HTML5、CSS3 和 JavaScript，但并非所有移动设备都提供这样的支持。jQuery Mobile 的哲学是同时支持高端和低端设备，比如那些没有 JavaScript 支持的设备，尽量提供最好的体验。
3.小规模
jQuery Mobile 框架的整体大小比较小，JavaScript 库 12KB，CSS 6KB，还包括一些图标。
4.主题设置
此框架还提供一个主题系统，允许您提供自己的应用程序样式。
jquery mobile 的简单实用
jquery mobile其使用方式有两种，一种是将jquery mobile文件下载到服务器中当作本地文件使用，另外一种就是从 CDN 中加载 jQuery Mobile 。本人还是喜欢用第二种方法，因为CDN 中加载不仅方便，还不会占用服务器资源。

jQuery Mobile CDN：

<head>

<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- 引入 jQuery Mobile 样式 -->
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- 引入 jQuery 库 -->
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<!-- 引入 jQuery Mobile 库 -->
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

只要将以上代码写入头部，其他的正常书写就可以了。
如果你想将 jQuery Mobile 放于你的主机中,你可以从 jQuerymobile.com下载该文件。
注意：将下载的文件放置于与网页同一目录下。
以上就是jquery mobile的一个初步应用，jquery mobile为我们提供了丰富的图标资源，如有需要可以去官网下载加以引用就可以轻松简单的进行页面布局了！