1.Jquery mobile综述

Jquery mobile是由(MT)Media Temple联合多家移动设备厂商以及软件企业共同发起的的针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架。

Jquery mobile构建于Jquery 以及 Jquery UI类库之上,为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色的弹性,轻量化以及渐进增强特性与可访问性。


关键特性: Key features:
1构建于Jquery的核心之上。使之兼容于jq的语法,对于开发人员有最易的开发曲线

2兼容于所有的主流移动设备:iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo .

3轻量级 压缩后只12k,对图片的依赖程度非常低,保证了速度

4页面和行为均基于html5标记的驱动进行配,开发效率高,对脚本的需求小

5渐进增强使所有的移动设备,平板电脑和pc电脑都支持核心的内容和方法。而对于新的移动平台,则可以展现像安装在设备中的应用程序一样出色的富媒体和交互的浏览体验

6自动初始化 通过页面的html标签的data-role 属性,Jquery Mobile可以自动初始化相应的插件

7优秀的可访问性 一些特性比如WAI-ARIA 也包含在内,以确保页面也可以在一些屏幕阅读器(比如苹果的VoiceOver)或者其他手持设备中正常工作.

8新的事件增加了触摸屏设备支持的触摸,鼠标,和基于光标的输入方法的API

9增加了本地控制的优化触摸体验和主题样式的新的插件

9强大的主题样式框和主题编辑器能很容易的进行高度个性化和品牌化的的界面定制


可访问性 Accessibility
Jquery Mobile 是基于标准的,系统化的html构建的,使得页面能够在最广范围的设备上得到支持。对于A级的浏览器,许多Jquery Mobile组件,比"焦点管理","键盘导航"等都能支持,其他可以详细参加W3C的WAI-ARIA说明.

通过运用这些技术,我致力于使得通过Jquery Mobile开发的web产品拥有最好的可访问性,对于伤残人士,例如盲人,也可以用读屏软件,例如iphone的voiceover,使用。

我们现在正在改进可访问性,我们的目标是在1.0版本的时候,使Jquery mobile的所有控件都拥有全部的可访问性。


a4版本支持的平台 Supported platforms in Alpha 4
在A4版本中,以下平台和浏览器会支持全部的功能,页面的渲染也是无误的。现在WP7也支持了
• Apple iOS (3.1-4.2): iPhone, iPod Touch, iPad测试通过
• Android (1.6-2.3): 所有设备均支持,在HTC Incredible, Motorola Droid, Google G1 and Nook Color测试通过
• Blackberry 6: 触摸操作和样式已测试通过
• Windows Phone 7: HTC手机上已通过
• Palm WebOS (1.4): tested on Pre, Pixi
• Opera Mobile (10.1): 安卓
• Opera Mini (5.02): iOS, 安卓
• Firefox Mobile (beta): 安卓


官方站点:
http://jquerymobile.com/ Jquery Mobile站点http://jquerymobile.com/demos/ Jquery Mobile站点原版文档与示例http://forum.jquery.com/jquery-mobile Jquery Mobile站点官方论坛http://www.jqmgallery.com/ Jquery Mobile优秀作品展示
中文社区:
http://www.jqmobile.org Jquery Mobile中文社区http://www.filod.net/jqm/index.html Jquery Mobile中文在线文档
下载地址:
JS:完整版本: jquery-mobile-1.0a4.1.js (130KB,用于调试)压缩然后GZIP后版本: jquery-mobile-1.0a4.1.min.js (19KB,用于直接部署)CSS:完整版本: jquery-mobile-1.0a4.1.css (53KB,用于调试)压缩然后GZIP后版本: jquery-mobile-1.0a4.1.min.js (19KB,用于直接部署)压缩文件:Zip File: jquery-mobile-1.0a4.1.zip (包含了Js, CSS,和图片 )
JqueryMobile快速上手教程-实训任务书01-我的第一个JqueryMobile页面 JqueryMobile快速上手教程,教学资源,拿来就用,可以上课作为任务书,也可以作为自学习文档 立即下载

相关推荐

jqmobile3.0

jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,支持W3C查询。

jQuery Mobile教程:jQuery Mobile基本事件

本文我们来认识一下jQuery Mobile的几个比较重要的基本事件 1、mobileinit 可以利用它来扩展$.mobile或者修改默认配置 示例:   //方式1:绑定mobileinit $(document).bind("mobileinit",function(e){ //修改activePageClass $.mobile.activePageClass =

GoodShot的专栏 1603

STM8库函数开发手册(3) //UART1、内部EEPROM、FLASH操作库、IIC(硬、软)

STM8S 微控制器家族的通用同步异步收发器(UART1,UART2 或者UART3)提供了一种灵活的方法与使用工业标准NRZ 异步串行数据格式的外部设备之间进行全双工数据交换。STM8 的UART 提供范围的波特率选择,并且支持多处理器通讯。UART 也支持LIN(局部互联网)协议版本1.3,2.0,和2.1 以及在主模式下的J2602。 UART1 和UAR...

finedayforu的博客 2522

JQmobile实现的订餐webAPP

学习一段JQmobile后,用来实现一个简单的订餐webAPP,本应用功能十分简单,用户能够进行注册,登录,并且能下订单,和查看订单,取消订单,数据利用本地存储localStore和IndexDB,不了解localStore和IndexDB的可以看我上一篇博客 浅谈WebView利用localStore websql和IndexDB 来存储数据 用例图如下: webAPP的开发流程 用户

氵青-风的博客 1881

24位ADC的精度陷阱:为什么你的ADS1232实测性能不达标?

本文深入探讨了24位ADC芯片ADS1232在实际应用中性能不达标的原因,揭示了高精度ADC性能依赖周边电路设计的关键问题。通过分析电源系统、参考电压稳定性、PCB布局等常见陷阱,提供了优化方案和调试技巧,帮助工程师充分发挥ADS1232的潜力,实现接近理论值的测量精度。

weixin_28285943的博客 407

ffmpeg 4.4 cenc-aes-ctr 加解密 MP4 工程性质分析

ffmpeg 4.4 cenc-aes-ctr 加解密 MP4 工程性质分析

Dream_Dynasty的博客 3045

jquery mobile_jQuery Mobile简介

jQuery Mobile是一种用户界面(UI)框架,可让您编写功能正常的移动Web应用程序而无需编写任何JavaScript代码。 在本文中,了解此框架的功能,包括基本页面,导航工具栏,表单控件和过渡效果。 要继续阅读本文,您将需要: 以前接触过HTML 了解JavaScript基础 jQuery的基础知识 您可以从下面的下载表中下载本文使用的jQuery插件源代码。...

cuyi7076的博客 4037

SAP-ABAP:SAP客户端管理核心事务码SCC4深度解析

SAP客户端管理核心事务码SCC4深度解析

baidu_35680696的博客 1569

JQ mobile

jq mobile是什么 1.jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 2.jQuery Mobile 可以应用于智能手机与平板电脑。 3.jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。 jq mobile使用的价值 通过使用jQuery Mobile 可以 “写更少的代码,做更多的事情” : 它可以通过一个...

colorfulqq的博客 852

STM32+LoRa模块实战:从环境搭建到数据传输完整指南(附避坑清单)

本文提供STM32与LoRa模块从环境搭建到数据传输的完整实战指南,涵盖硬件连接、开发环境配置、AT指令设置、频段优化及低功耗设计等关键步骤,特别针对常见问题提供解决方案和避坑清单,助力物联网开发者高效实现远距离低功耗通信。

weixin_29168813的博客 291

Python 爬虫实战:攻克小红书种草笔记,抓取美妆好物推荐数据

通过本次 Python 爬虫实战,我们成功地从小红书爬取了美妆种草笔记的数据,并进行了存储、处理、分析和可视化展示。在这个过程中,我们不仅掌握了爬虫技术的基本应用,还学会了如何对动态加载的数据进行处理和分析。然而,本次爬虫任务也存在一些局限性,例如仅爬取了部分笔记的数据,且未对笔记中的图片和视频内容进行分析。在未来的工作中,我们可以进一步优化爬虫程序,爬取更多笔记的数据,并深入分析笔记中的多媒体内容、用户行为模式等,为美妆品牌和消费者提供更有价值的数据支持。

u014481728的博客 3272

jquery mobile_jQuery Mobile课程1

jquery mobileIn a new series of articles, we will talk about jQuery Mobile framework, which easily allows you to create responsive mobile websites. 在一系列新文章中,我们将讨论jQuery Mobile框架,该框架可轻松使您创建响应式移动网站。 ...

cuken7684698822的博客 479

AI安全护栏评测:TrustedExecBench如何量化评估大模型防护能力

在人工智能和机器学习领域,模型安全对齐是确保AI系统可靠、可控的核心技术。其原理是通过设计安全机制(即“护栏”)来约束模型行为,防止生成有害、偏见或越界内容。这项技术的核心价值在于平衡AI能力与风险管控,是可信AI部署的基石。应用场景广泛覆盖内容审核、对话系统、代码生成等需要人机交互的领域。本文聚焦的TrustedExecBench项目,正是针对“护栏”性能量化评估这一痛点,提供了一个标准化、自动化的开源评测框架。该工具通过构建多维度的恶意测试套件,并引入基于模型的动态评判机制,能够系统性地检验大语言模型在

weixin_42525428的博客 378

jQuery Mobile 安装

- meta使用viewport以确保页面可自由缩放 -->-- meta使用viewport以确保页面可自由缩放 -->如果你想将 jQuery Mobile 放于你的主机中,你可以从。-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery 库 -->-- 引入 jQuery 库 -->将下载的文件放置于与网页同一目录下。

Jellyken的博客 2332

[Godot][入门] 安装与版本选择:3.x 还是 4.x?(按项目类型一键决策)

摘要: Godot引擎版本选择需根据项目需求权衡3.x与4.x。Godot4.x(如4.2)适合3D开发和新项目,支持Vulkan和GDScript2.0,但生态尚不成熟;Godot3.x(如3.5.3)则更适合稳定2D开发、Web导出及依赖现有插件/教程的场景。安装方式极简,官网下载解压即可运行。新手建议:短期高效选3.x,长期探索选4.x,旧项目勿盲目迁移。附版本对比表及决策树,助开发者快速匹配需求。

技术小甜甜:传播可落地技术,帮助个人和企业降低解决真实场景问题的成本 912

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

jQuery Mobile 弹窗

弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。弹窗可用于显示一段文本,图片,地图或其他内容。创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为 <div> 指定的 id。<div> 中的内容为弹窗显示的内容。<div> 弹窗与点击的 <a> 链接必须在同一个页面上。

Jellyken的博客 1773

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

什么是jQuery Mobile ?,怎么用jQuery Mobile

jQuery Mobile是一款基于jQuery的移动端UI框架,用于构建跨平台移动网页应用(支持触控优化和响应式布局)。需要注意的是,该框架已于2021年停止维护,最新版本为1.4.5,建议仅用于学习或旧系统维护。教程涵盖基础使用(包括页面结构、多页面模板、按钮/列表表单等组件)、主题样式、事件处理、页面切换效果以及响应式网格等内容,并附有完整示例代码。虽然jQuery Mobile已被现代框架取代,但了解其原理对理解移动Web开发仍有帮助。

m0_57545130的博客 792

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

jQuery mobile从入门到放弃

之前只知道jquery有个专门做移动端的插件,今天做移动端项目的时候了解了下它的事件,简单实用,触摸滑动基本都有,因为之前小组默认都是jQuery来写代码来着,所以从官网下载出来准备直接开动,但一直到从中午到晚上,他让我感觉到越来越绝望,现在,我想把我遇到的问题写出来,大家可以参考一下 问题1:我在两个官网分别下载最新的插件,jquery.mobile-1.4.5.min.js与jquery

Dorui的博客 1万+

jQuery mobile ——制作表单

请运用jQuery mobile功能,将以下关于问卷调查的表单(Form)页面完成,请注意网页版面的调整,使得手机画面能够工整与美观。请同学完成此网页内容与相应所需的java script。

qq_45935715的博客 2321

【JQuery Mobile移动应用开发实战】JQuery Mobile基础——JQuery Mobile的高级特性

《jQuery Mobile移动应用开发实战》学习笔记

lht964249279的博客 1464

jquery mobile 应用案例

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name=&

GS2016的博客 8724

【Jquery mobile】tab功能的实现

目前有两种简单的实现方式: 一,jquery mobile 的实现 jquery的tab的实现是通过在各自页面的footer添加tab项实现的,如下: 实现代码如下:   Friends Albums Emails 二,还有一个开源js: https://github.com/groovetrain/jQuery.mobile-Tabs 有例子,

开发简记 2万+

jquery mobile 日期插件使用

昨天碰到使用日期 的应用,就开始百度 jquery mobile 日期插件 一般是使用 datebox 和 mobilescroll 昨天开始研究datebox,一直到今天上午才研究好,而且只研究了 日期控件,  日期带时间一起的好像没有。 没办法 就开始研究 mobiscroll   使用很方便,只需要引入2个文件 。 下面是 data 和 datatime 2种 控件的使用方法。

mfc2003的专栏 1万+

jQuery Mobile手机网站案例

jQuery Mobile手机网站案例 一、总结 一句话总结:jQuery Mobile是纯手机框架,和amazeui和bootstrap都可以做手机网站。 1、另一款文本编辑器? jd编辑器     二、jQuery Mobile手机网站案例     1、index.php 1 &lt;?php 2 include 'common/config....

weixin_33859665的博客 4697
上一篇: Linux常用指令介绍
下一篇: 2.默认设置 Configuring defaults
Hel1C
博客等级 码龄17年 6粉丝 106原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值