codecamp

jQuery Mobile 简介

jQuery Mobile 简介


jQuery Mobile 是一个用于创建移动端web应用的的前端框架。


学习本教程前你需要先了解

在开始学习 jQuery Mobile 前, 你应该了解一下基础知识:

如果你想学习这些知识,你可以访问本站的首页


什么是 jQuery Mobile?

jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。

jQuery Mobile 工作与所有主流的智能手机和平板电脑上:

jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。

jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。


为什么使用 jQuery Mobile?

通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。

lamp 不同设备使用了不同开发语言,jQuery Mobile可以很好的兼容不同的设备或操作系统:
  • Android 和 Blackberry(黑莓) 使用JAVA语言。
  • iOS 使用 Objective C 语言
  • Windows Phone 使用 C# 和 .net, 等。
jQuery Mobile 解决了不同设备兼容的问题,因为它只使用HTML,CSS和 JavaScript,这是所有移动网络浏览器的标准!
lamp 与 jQuery 核心库一样,您不需要在您的开发计算机上安装任何东西;只需将各种 *.js 和 *.css 文件直接包含到您的 web 页面中即可。这样,您就可以随时的使用 JQM 的功能。


最好的阅读体验

尽管jQuery Mobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)。

为了更好的阅读本教程,建议您使用 Google Chrome 浏览器。

jQuery Mobile 页面切换
jQuery Mobile 安装
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

jQuery Mobile 主题

jQuery Mobile 实例

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }