`

1:jQuery Mobile简介

阅读更多

    本人也是一个新手,说白了就是一个菜鸟,编写这个博客纯属个人学习记录,当然能为

同样想学习或对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”

    即可进入下载页面,选择需要的版本就可以直接下载了

    如图:

    

 

  • 大小: 22.9 KB
分享到:
评论

相关推荐

    移动web开发学习一:jquery mobile 和 scrollview的整合

    <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....

    JqueryMobile1.4.2最新版Demo

    在下载的 "JqueryMobile-1.4.2 Demo" 压缩包中,你可以找到各种示例页面和组件的实践应用,通过查看和分析这些例子,可以更直观地了解 jQuery Mobile 的功能和使用方法。结合实际项目需求,灵活运用这些知识,可以...

    jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile 源码

    图书的源代部分; 还有由于容量的原因, 视频和web实例图片没有上传. 《jQuery全能权威指南:jQuery Core+jQuery Plugin+...、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。

    jQuery Mobile 1.1.1最新版

    1. **响应式设计**:jQuery Mobile 1.1.1 采用响应式网页设计,使得网页能够自动适应不同屏幕尺寸和分辨率的设备,包括智能手机、平板电脑和桌面电脑。这通过灵活的布局和媒体查询实现,确保用户在任何设备上都能...

    jquery mobile官方git资源

    一、jQuery Mobile简介 jQuery Mobile是一款专为触摸设备设计的前端框架,它基于jQuery库,简化了跨平台的移动Web应用开发。通过使用HTML5和CSS3,jQuery Mobile提供了一套统一的用户界面(UI)组件和交互模式,使得...

    使用JqueryMobile开发购物网站

    1. **页面结构**:JqueryMobile使用数据属性(data-attributes)和HTML5的页面结构元素(如`<div data-role="page">`)来组织内容。每个页面都被视为一个独立的单元,通过链接或程序导航在不同的页面之间切换,这种...

    使用jQuery Mobile快速开发手机站点

    1. **jQuery Mobile的基本结构**:jQuery Mobile使用HTML5的数据属性(data-*)和页面结构来增强和自定义UI。例如,通过data-role="page"创建页面,data-role="header"和"data-role=footer"定义头部和底部栏。 2. *...

    jQuery Mobile快速入门源代码

    1. **统一的用户界面 (UI) 框架**:jQuery Mobile 提供了一套预定义的样式和交互模式,可以轻松创建一致的触控友好的界面,适应各种屏幕尺寸和分辨率。 2. **页面结构与导航**:使用 jQuery Mobile,页面通常被组织...

    Jquery Mobile实例

    1. **响应式设计**:jQuery Mobile 基于 HTML5 的数据属性和媒体查询,实现了自适应布局,能自动调整页面样式以适应不同屏幕尺寸的设备,无论是手机、平板还是桌面电脑。 2. **页面结构**:jQuery Mobile 使用单一...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jQuery mobile相册

    1. **jQuery Mobile的基础**:首先,需要了解jQuery Mobile的基本结构,包括HTML5数据属性(data-attributes)和页面结构。页面通常由一个或多个数据-角色为"page"的div组成,每个div代表一个独立的屏幕。 2. **...

    Jquery mobile 中文开发文档

    **jQuery Mobile 中文开发文档详解** jQuery Mobile 是一个强大的、响应式的前端框架,专为创建移动设备上的交互式网页应用而设计。它基于 jQuery 库,提供了丰富的组件和API,使得开发者可以快速构建功能丰富的...

    jQuery mobile 开发案例

    1. **数据属性(Data Attributes)**:jQuery Mobile 使用 HTML5 数据属性(data-*)来增强和定制 UI 元素。例如,`data-role="button"` 可以将任何 HTML 元素转变为按钮样式。 2. **页面结构**:jQuery Mobile ...

    jQuery Mobile即学即用,完整扫描版

    《图灵程序设计丛书:jQuery Mobile即学即用》着眼于移动Web应用开发实战,从应用结构和导航开始,分门别类地介绍了jQueryMobile为开发人员准备好的各种界面部件,包括列表视图、工具条、按钮、表单、网格布局等,还...

    Jquery Mobile +Asp.net

    **jQuery Mobile 简介** jQuery Mobile 是一个轻量级的前端框架,专门设计用于创建触控优化的、跨平台的移动Web应用。它基于jQuery库,提供了丰富的组件和交互效果,如页面导航、表单处理、工具提示等,大大简化了...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

    jQueryMobile参考手册中文CHM版

    资源名称:jQuery Mobile参考手册 中文CHM版 内容简介:jQuery Mobile 是一个用于创建移动端web应用的的前端框架。jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。jQuery Mobile 工作与所有主流的智能...

    jQuery Mobile开发源码 api文档中文

    1. **页面结构和导航**:jQuery Mobile通过数据属性(data-attributes)来标记HTML元素,创建可滚动的页面和页面区域。它使用单一页面架构,通过AJAX进行页面切换,提供平滑的用户体验。 2. **主题系统**:jQuery ...

Global site tag (gtag.js) - Google Analytics