简介:
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。
jQuery Mobile 可以应用于智能手机与平板电脑。
jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
jQuery 安装:
从 CDN 中加载 jQuery Mobile
?? | CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。. |
---|
使用 jQuery 内核, 你不需要在电脑上安装任何东西; 你仅仅需要在你的网页中加载以下层叠样式 (.css) 和 JavaScript 库 (.js) 就能够使用 jQuery Mobile:
1 ?? 2 <head> 3 4 <!-- meta使用viewport以确保页面可自由缩放 --> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <!-- 引入 jQuery Mobile 样式 --> 8 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 9 10 <!-- 引入 jQuery 库 --> 11 <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 12 13 <!-- 引入 jQuery Mobile 库 --> 14 <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 15 16 </head>
国内用户推荐使用百度CDN:
1 <head> 2 3 <!-- meta使用viewport以确保页面可自由缩放 --> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 6 <!-- 引入 jQuery Mobile 样式 --> 7 <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> 8 9 <!-- 引入 jQuery 库 --> 10 <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> 11 12 <!-- 引入 jQuery Mobile 库 --> 13 <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 14 15 </head>
下载 jQuery Mobile
如果你想将 jQuery Mobile 放于你的主机中,你可以从 jQuerymobile.com下载该文件。
1 <!--引用--> 2 <head> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <link rel="stylesheet" href="jquery.mobile-1.4.5.css"> 5 <script src="jquery.js"></script> 6 <script src="jquery.mobile-1.4.5.js"></script> 7 </head>
提示: 将下载的文件放置于与网页同一目录下。
?? | 你是否想知道为什么在 <script> 标签中 没有插入 type="text/javascript" ?
在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言! |
---|
时间: 2024-10-10 01:47:16