jQuery Mobile
1.什么叫jQuery Mobile。
jQuery Mobile(jQueryMobile) 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。
2.jQuery Mobile优点。
1.跨平台 目前大部分的移动设备浏览器都支持HTML5标准,jQuery Mobile以HTML5标记配置网页,所以可以跨不同的移动设备,如Apple iOS,Android,BlackBerry,Windows Phone,Symbian和MeeGo等;
2.容易学习 jQuery Mobile通过HTML5的标记与CSS规范来配置与美化页面,对于已经熟悉HTML5及CSS3的读者来说,架构清晰,又易于学习.
3.提供多种函数库 例如键盘,触碰功能等,不需要辛苦编写程序代码,只要稍加设置,就可以产生想要的功能,大大了编写程序所花费的时间;
4.多样的布景主题和ThemeRoller工具 jQuery UI的ThemeRoller在线工具,只要通过下拉旱行设置,就能够自制出相当有特色的网页风格,并且可以将代码下载下来应用,另外,JQuery Mobile还提供布景主题,轻轻松松就能够快速创建高质感的网页.3.通过以下2种方式将jQuery Mobile添加到你的网页中:
1.从 CDN 中加载 jQuery Mobile (推荐)
2.从jQuerymobile.com 下载 jQuery Mobile库1.从 CDN 中加载 jQuery Mobile
使用 jQuery 内核, 你不需要在电脑上安装任何东西; 你仅仅需要在你的网页中加载以下层叠样式 (.css) 和 JavaScript 库 (.js) 就能够使用
百度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>
如下图效果:
2.下载 jQuery Mobile
如果你想将 jQuery Mobile 放于你的主机中,你可以从 jQuerymobile.com下载该文件。
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js">
</script><script src="jquery.mobile-1.4.5.js">
</script>
</head>
4扩展内容:
知道为什么在 <script> 标签中没有插入 type="text/javascript" 吗?
在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言!