jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

此框架简单易用。页面开发主要使用标记,无需或仅需很少 JavaScript

什么是 jQuery Mobile?

jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。

jQuery 适用于所有流行的智能手机和平板电脑

jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果您通晓 jQuery 的话。

它使用 HTML5、CSS3、JavaScript 和 AJAX 通过尽可能少的代码来完成对页面的布局。

这个页面是一个使用Jquery Mobile设定了固定定位的头部栏和尾部栏的实例。页面的文档流是正常的,让我们能够正常的布局文档,而不用通过脚本写。头部栏和尾部栏在文档流中的正常位置,但是当他们被滚动出屏幕后,你可以通过点击屏幕,使他们重新出现。再次点击或者滚动屏幕会使他们重新出现在文档流中(在顶部或底部)

适配设备

这个是网页顶部

这个是网页底部

我们可以data-role="page" 定义当前div 的在的在html 所充当的角色是页面.

data-role="header"  定义网页 的头部

data-role="content"  定义网页的内容

data-role="footer"  定义网页底部

jquery mobile java_jQuery Mobile 快速入门相关推荐

  1. jquery miniui java_jQuery MiniUI 快速入门:表单开发(四)

    表单开发包括:布局.验证.加载.提交.清除.重置等. 效果图如下: 表单布局使用HTML Table标签实现任意丰富的表单布局: 姓名: 地址: 性别: 年龄: 备注: 数据验证监听处理控件的&quo ...

  2. jquery mobile java_jQuery Mobile 简介

    jQuery Mobile 简介 jQuery Mobile 是一种 web 框架,用于创建移动 web 应用程序. 您应该具备的基础知识 在您开始学习 jQuery Mobile 之前,您应该对以下 ...

  3. jquery mobile java_jQuery Mobile 安装

    jQuery Mobile 安装 在你的网页中添加 jQuery Mobile 你可以通过以下几种方式将jQuery Mobile添加到你的网页中: 从 CDN 中加载 jQuery Mobile ( ...

  4. jQuery UI 之 LigerUI 快速入门

    LigerUI 快速开发UI框架 LigerUI 是基于jQuery 的UI框架,其核心设计目标是快速开发.使用简单.功能强大.轻量级.易扩展.简单而又强大,致力于快速打造Web前端界面解决方案,可以 ...

  5. webstorm jquery语法提示_WebStorm快速入门指南,开发者必备!

    第一节.Web前端现状 1.1市场缺口 前端程序员缺口非常大,因为它正式成为一个岗位才几年,国内最早出现前端招聘岗位在2012年左右,在此之前,前端工作基本上都是由服务端工程师包办的,或者是由设计师来 ...

  6. 《jQuery Mobile快速入门》—— 1.6 可主题化的设计

    本节书摘来异步社区<jQuery Mobile快速入门>一书中的第1章,第1.6节,作者:[美]Brad Broulik,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  7. JQuery 基础 || 目前 jQuery 有三个大版本||JQuery快速入门

    1. 概念: 一个JavaScript框架.简化JS开发 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScrip ...

  8. jQuery快速入门

    jquery快速入门 jQuery的作用:1.取得页面中的元素:2.修改页面的外观:3.改变页面的内容:4.响应用户的页面操作:5.为页面添加动态效果:6.无须刷新页面即可从服务器获取数据:7.简化常 ...

  9. jQuery 快速入门教程

    内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQue ...

最新文章

  1. 面向对象----封装之proprty
  2. 公交车下发现一具男尸
  3. JVM指令:invokeSpecial/invokeVirtual/invokeStatic/invokeInterface/invokeDynamic方法调用指令
  4. CSS3 display:flex和display:box有什么区别?
  5. 语法之知识点的改进(Func/Action)
  6. python中的元组操作
  7. centos 6.5 安装 lamp 后mysql不能启动_CentOS 6.5 系统 LAMP(Apache+MySQL+PHP)安装步骤
  8. scala 当前日期_如何在Scala中检查当前日期和时间?
  9. 剔除List中的重复值
  10. OSG仿真案例(10)——osg仿真录屏抓取图像,自定义修改路径,程序控制(而不是按键控制)...
  11. 为tomcat分配内存
  12. 生物医学数据统计分析-两组或多组计量资料的比较
  13. Android JNI:lame库的编译及使用
  14. python相减函数subs,自定义sympy中函数子类的subs()功能
  15. 肇庆PCR实验室建设消毒事项汇总
  16. 如何才能降低亚马逊账号关联?
  17. 解决 k8s flannel网络 一直 Init:ImagePullBackOff和coredns状态为Pending
  18. SSO - 我们为何需要单点登录系统
  19. linux系统--文件目录
  20. 地址有关码和地址无关码

热门文章

  1. 关于GPU显存占满(即memory usage 很大),但GPU-util很小,导致模型训练很慢
  2. 【专利权-思维导图】知识产权之专利权全部知识
  3. 《人人都在说谎:赤裸裸的数据真相》读书笔记2
  4. (#号开头)颜色代码表
  5. 短视频成内容创业风口,想要跟Papi酱飞上天却不容易
  6. oss设置跨域规则之后,但是不生效,解决跨域问题。
  7. 远超预期,英特尔Omni path架构获广泛市场认可
  8. 比较爽的导航查询 功能 .NET ORM / SqlSugar
  9. google python style guide_读lt;google python style guidegt;几点记录 - 毛头明月耍大刀 - ITeye博客...
  10. 雷哥带你了解webSocket原理