jQuery Mobile 快速入门
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQueryMobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。 此框架简单易用。页面开发主要使用标记,无需或仅需很少 JavaScript
什么是 jQuery Mobile?
jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。
jQuery 适用于所有流行的智能手机和平板电脑
jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果您通晓jQuery 的话。
它使用 HTML5、CSS3、JavaScript 和 AJAX 通过尽可能少的代码来完成对页面的布局。
这个页面是一个使用Jquery Mobile设定了固定定位的头部栏和尾部栏的实例。页面的文档流是正常的,让我们能够正常的布局文档,而不用通过脚本写。头部栏和尾部栏在文档流中的正常位置,但是当他们被滚动出屏幕后,你可以通过点击屏幕,使他们重新出现。再次点击或者滚动屏幕会使他们重新出现在文档流中(在顶部或底部)
<meta name="viewport" content="width=device-width,initial-scale=1"> 适配设备
<div data-role="page">
<div data-role="header" data-position="fixed"><h1>这个是网页顶部</h1>
</div>
<div data-role="content">
</div>
<div data-role="footer" data-position="fixed"><h1>这个是网页底部</h1>
</div>
</div>
我们可以data-role=”page” 定义当前div 的在的在html 所充当的角色是页面.
data-role=”header” 定义网页 的头部
data-role=”content” 定义网页的内容
data-role=”footer” 定义网页底部
jQuery Mobile 快速入门相关推荐
- 《jQuery Mobile快速入门》—— 1.6 可主题化的设计
本节书摘来异步社区<jQuery Mobile快速入门>一书中的第1章,第1.6节,作者:[美]Brad Broulik,更多章节内容可以访问云栖社区"异步社区"公众号 ...
- jquery mobile快速入门_【K些项目】学透jquery,11个国内最新项目资料
对代码.编程感兴趣的可以关注老K玩代码和我交流! " jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaSc ...
- JQuery基础快速入门(超级详细)
JQuery基础学习 JQuery概念 快速入门 JQuery对象和JS对象区别与转换 选择器 1.基本操作的学习 2.分类 2.1基本选择器 2.2 层级选择器 2.3属性选择器 2.4过滤选择器 ...
- jquery mobile java_jQuery Mobile 快速入门
jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持全球 ...
- 使用jQuery Mobile快速开发手机站点
来自:http://brooky.cc/2011/04/18/jquery-mobile-for-fast-mobile-website-development/ 當你看著 Apple 的 iOS d ...
- jquery最快速入门文档
<!DOCTYPE html> jQuery 选择器 1. id $('#id') class <div class="c1"></div> $ ...
- jQuery MiniUI 快速入门:Hollo, world!(二)_nikofan-ChinaUnix博客
我们开始编写第一个MiniUI程序,代码如下: > Hello MiniUI! Note:请注意相关javascript和css的路径是否正确. MiniUI是基于jQuery开发的javasc ...
- jQuery MiniUI 快速入门:Hollo, world!(二)
我们开始编写第一个MiniUI程序,代码如下: <!DOCTYPE html /> <html> <head> <title> Hello MiniUI ...
- 跨平台APP JQuery Mobile开发-张晨光-专题视频课程
跨平台APP JQuery Mobile开发-1170人已学习 课程介绍 jQuery Mobile 是创建移动 web 应用程序的框架: 适用于所有流行的智能手机和平板电脑,使用 H ...
最新文章
- 在C#中怎样推断线程当前所处的状态
- 512 个 AI 职位、11 万美元年薪,盘点 2018 最佳人工智能公司
- 良心直播!看完你的Python入门基础就妥了!
- 8-12-COMPETITION
- 《Java 核心技术卷1 第10版》学习笔记 ------ 泛型【基础】
- java table集合_Java集合类汇总记录--guava篇
- 单片机RAM和ROM
- 关于取反符号的相关问题
- 20190902每日一句
- pdg转pdf的正确方法!!
- 超分辨率中PSNR的计算与bicubic插值
- win10 查看版本信息(家庭版 专业版 企业版)
- 国行版苹果 ios 按键精灵无法联网问题处理
- 【20210401】用Python的turtle库绘制呲牙表情包
- 【VUE】浏览器消息通知(声音提醒,标题栏闪动,弹框提醒)
- 单向链表和双向链表的优缺点及使用场景
- 抢先报名 | gTech 职业大揭秘,17 日 19:30 等你来
- Ktor 2.0?半香不香的尴尬
- js字符串转与json对象类型转换
- Leveldb学习笔记:leveldb的使用与原理探究