本人也是一个新手,说白了就是一个菜鸟,编写这个博客纯属个人学习记录,当然能为
同样想学习或对jQuery Mobile感兴趣的朋友带来一点点帮助,也是一件非常美好的事情。
本笔记内容主要参考《W3C jQuery Mobile教程》和《jQuery Mobile开发之南》,笔记中如
有不当之处,请高手不要吝啬板砖。
jQuery Mobile是专门针对移动终端设备的浏览器开发的轻量级的web脚本框架,
它基于强悍的jQuery和jQuery UI,统一用户系统接口,能够无缝隙运行于当今所有
流行的移动平台之上,并且易于主题化设计与建造。它的出现打破了传统JavaScript
对移动终端设备脆弱支持的局面,使得开发一个跨移动平台的web应用真正成为可能。
1:功能特点:
jQuery Mobile为开发移动应用程序提供十分简单的应用接口,而这些接口的
配置则是由标记驱动 的,开发者在HTML页面中无须使用任何JavaScript代码就可以
建立大量的程序接口。简单来说,jQuery Mobile具有以下特点:
(1)强大的AJAX驱动导航
无论页面数据的调用还是页面间的切换,都是采用AJAX进行驱动的,从而
保持了动画转换页面的干净和优雅。
(2)一jQuery和jQuery UI为框架核心
jQuery Mobile的核心框架式建立在jQuery基础上的,并且利用了jQuery UI
的代码与运行模式,使得熟悉jQuery语法的开发人员能够轻易快速的掌握。
(3)强大的浏览器兼容性
jQuery Mobile继承了jQuery的兼容性优势,目前所有开发的应用兼容于所有主
要的移动终端浏览器,使开发者集中精力做功能开发,而不需要考虑复杂的浏览器兼容
性问题。
(4)轻量级框架
所有需要的导入的文件,经压缩后只有几十KB,框架的轻量级将大大加快程序的
执行速度。
(5)支持触摸及其他鼠标事件
jQuery Mobile提供了一些自定义的事件,用来侦测用户的移动触摸动作,如tap
(单击)、tap-and-hold(单击并按住)、swipe(滑动)等事件,极大提高了代码的开发
效率。
(6)强大的主题化框架
借助于主题化的框架和ThemeRoller应用程序,jQuery Mobile可以快速的改变应
用程序的外观或自定义一套属于产品自身的主题,有助于树立应用产品的品牌形象。
2:支持平台
jQuery Mobile支持当前市面上绝大多数的台式机、智能手机、平板电脑和电子阅读器的
平台。此外,对于有些不支持的智能手机和旧版本的浏览器,通过渐进增强的方式,将逐步实现
支持。
3:获取jQuery Mobile
登陆jQuery Mobile官方网站(http://jquerymobile.com),单击导航条中的“Download”
即可进入下载页面,选择需要的版本就可以直接下载了
如图:
相关推荐
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.x/jquery.mobile.min.css"> <script src="https://code.jquery.com/jquery-3.x.min.js"></script> <script src="https://code.jquery....
在下载的 "JqueryMobile-1.4.2 Demo" 压缩包中,你可以找到各种示例页面和组件的实践应用,通过查看和分析这些例子,可以更直观地了解 jQuery Mobile 的功能和使用方法。结合实际项目需求,灵活运用这些知识,可以...
图书的源代部分; 还有由于容量的原因, 视频和web实例图片没有上传. 《jQuery全能权威指南:jQuery Core+jQuery Plugin+...、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。
1. **响应式设计**:jQuery Mobile 1.1.1 采用响应式网页设计,使得网页能够自动适应不同屏幕尺寸和分辨率的设备,包括智能手机、平板电脑和桌面电脑。这通过灵活的布局和媒体查询实现,确保用户在任何设备上都能...
一、jQuery Mobile简介 jQuery Mobile是一款专为触摸设备设计的前端框架,它基于jQuery库,简化了跨平台的移动Web应用开发。通过使用HTML5和CSS3,jQuery Mobile提供了一套统一的用户界面(UI)组件和交互模式,使得...
1. **页面结构**:JqueryMobile使用数据属性(data-attributes)和HTML5的页面结构元素(如`<div data-role="page">`)来组织内容。每个页面都被视为一个独立的单元,通过链接或程序导航在不同的页面之间切换,这种...
1. **jQuery Mobile的基本结构**:jQuery Mobile使用HTML5的数据属性(data-*)和页面结构来增强和自定义UI。例如,通过data-role="page"创建页面,data-role="header"和"data-role=footer"定义头部和底部栏。 2. *...
1. **统一的用户界面 (UI) 框架**:jQuery Mobile 提供了一套预定义的样式和交互模式,可以轻松创建一致的触控友好的界面,适应各种屏幕尺寸和分辨率。 2. **页面结构与导航**:使用 jQuery Mobile,页面通常被组织...
1. **响应式设计**:jQuery Mobile 基于 HTML5 的数据属性和媒体查询,实现了自适应布局,能自动调整页面样式以适应不同屏幕尺寸的设备,无论是手机、平板还是桌面电脑。 2. **页面结构**:jQuery Mobile 使用单一...
1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...
1. **jQuery Mobile的基础**:首先,需要了解jQuery Mobile的基本结构,包括HTML5数据属性(data-attributes)和页面结构。页面通常由一个或多个数据-角色为"page"的div组成,每个div代表一个独立的屏幕。 2. **...
**jQuery Mobile 中文开发文档详解** jQuery Mobile 是一个强大的、响应式的前端框架,专为创建移动设备上的交互式网页应用而设计。它基于 jQuery 库,提供了丰富的组件和API,使得开发者可以快速构建功能丰富的...
1. **数据属性(Data Attributes)**:jQuery Mobile 使用 HTML5 数据属性(data-*)来增强和定制 UI 元素。例如,`data-role="button"` 可以将任何 HTML 元素转变为按钮样式。 2. **页面结构**:jQuery Mobile ...
《图灵程序设计丛书:jQuery Mobile即学即用》着眼于移动Web应用开发实战,从应用结构和导航开始,分门别类地介绍了jQueryMobile为开发人员准备好的各种界面部件,包括列表视图、工具条、按钮、表单、网格布局等,还...
**jQuery Mobile 简介** jQuery Mobile 是一个轻量级的前端框架,专门设计用于创建触控优化的、跨平台的移动Web应用。它基于jQuery库,提供了丰富的组件和交互效果,如页面导航、表单处理、工具提示等,大大简化了...
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...
资源名称:jQuery Mobile参考手册 中文CHM版 内容简介:jQuery Mobile 是一个用于创建移动端web应用的的前端框架。jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。jQuery Mobile 工作与所有主流的智能...
1. **页面结构和导航**:jQuery Mobile通过数据属性(data-attributes)来标记HTML元素,创建可滚动的页面和页面区域。它使用单一页面架构,通过AJAX进行页面切换,提供平滑的用户体验。 2. **主题系统**:jQuery ...