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

时间:2021-12-20 02:58:15

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

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

jQuery Mobile 所有class选项,开发全解+完美注释的更多相关文章

  1. jQuery Mobile 所有data-&ast;选项,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...

  2. jQuery Mobile事件,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile事件 ...

  3. Echarts数据可视化series-scatter散点图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  4. Echarts数据可视化series-radar雷达图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  5. Echarts数据可视化series-pie饼图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  6. Echarts数据可视化series-map地图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  7. Echarts数据可视化series-line线图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  8. Echarts数据可视化series-heatmap热力图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  9. Echarts数据可视化series-graph关系图,开发全解&plus;完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

随机推荐

  1. Nginx系列4之基础配置

    preface 公司跑得大多数是LNMP平台,所以借此机会多多了解下Nginx.下面主要说说Nginx下面几点: 防盗链 日志切割 负载均衡 虚拟主机 location匹配解释 substatus状态 ...

  2. JavaScript 客户端JavaScript之 脚本化文档

    客户端JavaScript的存在把静态HTML转变为交互式的Web应用程序,脚本化Web页面的内容正是JavaScript存在的理由.   一个文档对象模型或者说DOM就是一个API,它定义了如何访问 ...

  3. 较优H圈matlab实现

    大家好,我是小鸭酱,博客地址为:http://www.cnblogs.com/xiaoyajiang %解决完备图中的较优H圈 clc clear w = [ inf 6 1 8 3 1 ;...   ...

  4. DOM树节点和事件

    一.前言:DOM树节点是JS的基础语句.通过节点,能够取到HTML代码中的任意标签,从而对其进行修改和添加各种视觉效果. 二.DOM树节点    DOM节点分为三大类: 元素节点,属性节点,文本节点  ...

  5. Jmeter遇到的坑

    一.分布式获取不到结果需要改配置文件   在jmeter.properties文件找到mode=Standard去掉# 二.有一个请求要循环查询进度,当进度为100为,跳出循环.这个要怎么操作? ${ ...

  6. Jenkins配置从节点

    配置从节点步骤 在Master的站点上创建节点配置信息 在Slave访问Jenkins站点,然后下载运行服务Slave端必须安装Jdk 两种运行方式: windows 服务 运行jar包 成功后的节点 ...

  7. 利用H5本地存储localStorage、sessionStorage

    最近的业务处理上,要使用cookie缓存储一下数据,公司的cookie还搞出点问题.而用户的浏览器都是利用微信的内置,普遍支持h5的本地存储.于是利用了这个... 现代浏览器普遍开始支持H5本地存储, ...

  8. django-pagination 样式修改

    默认 django-pagination  样式: 使用bootstrap后样式: (有些瑕疵,下面来完善一下) 修改后: 效果还不错吧.那么讲下如何修改. 首先找到其源码: (路径:site-pac ...

  9. MySQL并发相关的参数

    1.max_connections 这个参数可提高并发连接数,即允许连接到MySQL数据库的最大数量. 如果实验MySQL过程中遇到too many connections等问题,可提高这个值,此外我 ...

  10. codeforces 678C&period; Joty and Chocolate&lpar;容斥&rpar; 2016-10-15 21&colon;49 122人阅读 评论&lpar;0&rpar; 收藏

    C. Joty and Chocolate time limit per test 1 second memory limit per test 256 megabytes input standar ...