html5 jquerymobile 修改class,jQuery Mobile 所有class选项，开发全解+完美注释

全栈工程师开发手册 (作者：栾鹏)

jQuery Mobile 所有class选项：

全局类：

//ui-corner-all 为元素添加圆角

//ui-shadow 为元素添加阴影

//ui-overlay-shadow 为元素添加多层阴影

//ui-mini 让元素变小

按钮类：

// 或 元素添加以下类 (不是 按钮):

//ui-btn 添加在 元素上并以按钮形式展示

//ui-btn-inline 在同一行上显示按钮

//ui-btn-icon-top 定位图标在按钮文本之上

//ui-btn-icon-right 定位图标在按钮文本的右边

//ui-btn-icon-bottom 定位图标在按钮文本之下

//ui-btn-icon-left 定位图标在按钮文本的左边

//ui-btn-icon-notext 只显示图标

//ui-btn-a|b 指定按钮演示。"a" 是默认的 (灰色背景黑色文本样式), "b" 修改颜色为黑色背景白色文本

//ui-btn-left 按钮位置靠左

//ui-btn-right 按钮位置靠右

图标类：

//ui-icon-action 动作 (一般用于页面跳转切换) action

//ui-icon-alert 三角形内的感叹号 alert

//ui-icon-audio 音响/音箱 audio

//ui-icon-arrow-d-l 左下角箭头 arrow-d-l

//ui-icon-arrow-d-r 右下角箭头 arrow-d-r

//ui-icon-arrow-u-l 左上角箭头 arrow-u-l

//ui-icon-arrow-u-r 右上角箭头 arrow-u-r

//ui-icon-arrow-l 左角箭头 arrow-l

//ui-icon-arrow-r 右角箭头 arrow-r

//ui-icon-arrow-u 向上箭头 arrow-u

//ui-icon-arrow-d 向下箭头 arrow-d

//ui-icon-back 返回 back

//ui-icon-bars 三条水平线，一般用于展示列表按钮图标 bars

//ui-icon-bullets 用于展示列表按钮图标 bullets

//ui-icon-calendar 日历 calendar

//ui-icon-camera 相机 camera

//ui-icon-carat-d 向下滑动图标 carat-d

//ui-icon-carat-l 向左滑动图标 carat-l

//ui-icon-carat-r 向右滑动图标 carat-r

//ui-icon-carat-u 向上滑动图标 carat-u

//ui-icon-check 勾选 check

//ui-icon-clock 闹钟 clock

//ui-icon-cloud 云 cloud

//ui-icon-comment 评论 / 消息 comment

//ui-icon-delete 删除 delete

//ui-icon-edit 编辑 / 铅笔 edit

//ui-icon-eye 眼睛 eye

//ui-icon-forbidden 禁用标识 sign forbidden

//ui-icon-forward 撤销 - (返回上一步) forward

//ui-icon-gear 齿轮，一般用于设置按钮图标 gear

//ui-icon-grid 网格 grid

//ui-icon-heart 心型，可用于文章收藏 heart

//ui-icon-home 主页 home

//ui-icon-info 信息 info

//ui-icon-location 定位 location

//ui-icon-lock 锁 lock

//ui-icon-mail 邮件 / 信封 mail

//ui-icon-minus 减号 minus

//ui-icon-navigation 导航 navigation

//ui-icon-phone 电话 phone

//ui-icon-power 开关 (On/off) power

//ui-icon-plus 加号 plus

//ui-icon-recycle 循环 标识 recycle

//ui-icon-refresh 刷新 refresh

//ui-icon-search 搜索 / 放大镜 search

//ui-icon-shop 商店/购物袋 shop

//ui-icon-star 星号 star

//ui-icon-tag 标签 tag

//ui-icon-user 用户 / 人物 user

//ui-icon-video 视频 / 相机

//ui-nodisc-icon 移除图标的灰色圆圈，

//ui-alt-icon 图标显示为黑色(默认为白色)

主题类：

// Classes 字母 (a-z) 意为样式可以指定 a 到 z。例如 ui-bar-a 或 ui-bar-b等

//ui-bar-(a-z) 指定栏目演示 - 头部，底部及其他栏目

//ui-body-(a-z) 指定内容块的颜色 - 页面内容部分 ( 1.4.0 版本已废弃), 列表视图， 弹窗, 侧栏，面板，加载，折叠。

//ui-btn-(a-z) 指定按钮颜色

//ui-group-theme-(a-z) 定义了控制组的演示 listviews 和 collapsible 集合。

//ui-overlay-(a-z) 定义了页面背景颜色，包括对话框，弹窗和其他出现在最顶层的页面容器

//ui-page-theme-(a-z) 定义了页面演示

网格类：

//网格中的列是等宽的(合计是 100%)，没有边框、背景、margin 或 padding

//ui-grid-solo 100% ui-block-a

//ui-grid-a 50% / 50% ui-block-a|

//ui-grid-b 33% / 33% / 33% ui-block-a|b|c

//ui-grid-c 25% / 25% / 25% / 25% ui-block-a|b|c|d

//ui-grid-d 20% / 20% / 20% / 20% / 20% ui-block-a|b|c|d|e