jQuery Mobileb 入门学习（1）

最新推荐文章于 2021-06-10 18:38:50 发布

LiX_Word

最新推荐文章于 2021-06-10 18:38:50 发布

阅读量809

点赞数

分类专栏： jquery-mobile 移动互联网文章标签：移动互联网 jquery-mobile

本文链接：https://blog.csdn.net/qq_33566350/article/details/75671629

版权

自己学习的笔记。移动互联网开发这里使用hbuider开发工具。移动端各类框架如MUI框架很方便。直接创建移动app项目。

jQuery Mobile 是一个用于创建移动端web应用的前端框架。jQuery Mobile 是一种 web 框架，用于创建移动web 应用程序。jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次：它会自动为网页设计交互的易用外观，并在所有移动设计上保持一致。
jQuery Mobile
不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。此框架简单易用。页面开发主要使用标记，无需或仅 JavaScript。此框架还提供一个主题系统，允许您提供自己的应用程序样式。
jQuery Mobile为开发移动应用程序提供了非常简单的用户接口，添补了在移动设备应用上的缺憾。它是基本jQuery框架并提供了一定范围的用户接口和特性，以便于开发人员在移动应用上使用。使用该框架可以节省大量的js代码开发时间，通过使用jQuery Mobile 可以 “写更少的代码，做更多的事情” : 它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备。

jQuery Mobile的使用Opera Mobile Emulator，它是一款PC电脑上模拟移动设备的浏览器，实际上就是 Mobile 的“模拟器”。简单来说，它能在你的电脑上模拟各种手机、平板等设备去访问网站。用来模拟手机版本的opera mobile做开发测试使用。程序可直接拖到模拟器里面运行。
官网：http://jquerymobile.com/
在页面中添加 jQuery Mobile可以通过以下2种方式
1.从内容分发网络CDN 中加载 jQuery Mobile (推荐)
2.从jQuerymobile.com 下载 jQuery Mobile库
在页面中添加 jQuery Mobile CDN(百度)：

//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>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"

关注