jQuery Mobile 所有class选项,开发全解+完美注释

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

jQuery Mobile事件全解
jQuery Mobile 所有class选项
jQuery Mobile 所有data-*选项

jQuery Mobile 所有class选项:

全局类:

//ui-corner-all	            为元素添加圆角
//ui-shadow	                为元素添加阴影
//ui-overlay-shadow	        为元素添加多层阴影
//ui-mini	                让元素变小

按钮类:

//<a> 或 <button> 元素添加以下类 (不是 <input> 按钮):

//ui-btn	                    添加在 <a> 元素上并以按钮形式展示
//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
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

腾讯数据架构师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值