Learning Path

jQuery Mobile tutorials

Browse tutorials and chapters for jQuery Mobile.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 图标

jQuery Mobile 图标我们可以使用图标类在 jQuery Mobile 中 <a> 和 <button> 元素上添加图标，并对图标进行定位，如下所示： <a href='#anylink' class='ui-btn ui-icon-refresh ui-btn-icon-left'>刷新页面&..

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 表格响应式表格响应式设计一般用于适配用户各种移动设备。我们只需要使用一个简单的类名，jQuery Mobile 就能根据屏幕的尺寸自动调整页面内容。响应式表格让页面内容在移动端和桌面设备上能够很好的适配。响应式表格有两种类型： reflow(回流) 与列切换。回流表格回流模型表格在屏幕尺寸足够大时是水平显示，而在屏幕尺寸达到足够小时，所有的数据会变成垂直显示。创建表格，在 &..

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 主题

jQuery Mobile 主题 jQuery Mobile 提供了 2 种不同的主题样式, 从 'a' 到 'b' - 每一种主题的按钮，工具条，内容块等等颜色都不一致，每个主题的视觉效果也不一样。通过设置元素的data-theme属性可以自定义应用的外观: 按钮值描述实例 a 页面为灰色背景黑色文字头部与底部均为灰色背景黑色文字按钮为灰色背景黑色文字激活的按钮和链..

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 工具栏

jQuery Mobile 工具栏工具栏元素通常位于头部和尾部内 - 让导航易于访问：头部栏头部栏一般包含页面标题/logo 或一两个按钮（通常是首页、选项或搜索）。您可以添加按钮到头部的左侧或右侧。下面的代码，将添加一个按钮到头部标题文本的左侧，添加一个按钮到头部标题文本的右侧：实例 <div data-role="header">&nbs..

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 过渡

jQuery Mobile 过渡 jQuery Mobile 包含 CSS3 效果让您选择页面打开的方式。 jQuery Mobile 页面切换效果 jQuery Mobile 提供了各种页面切换到下一个页面的效果。注意：为了实现页面切换效果，浏览器必须支持 CSS3 3D 切换： 12.0 10.0 1..

TUTORIALFrontendFetched/jQuery Mobile

jQuery Mobile 教程

jQuery Mobile 教程 jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。在线实例通过我们的在线编辑器，你可以编辑代码，并查看运行结果。实例 [mycode3 type='html'] 页面标..