jquery mobile

标签：

　jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

　　jQuery EasyUI有以下特点:

1. 　　基于jquery用户界面插件的集合；
2. 　　为一些当前用于交互的js应用提供必要的功能；
3. 　　EasyUI支持两种渲染方式分别为javascript方式(如:$(‘#p‘).panel({...}))和html标记方式；
4. 　　支持HTML5；
5. 　　开发产品时可节省时间和资源；
6. 　　支持扩展，可根据自己的需求扩展控件；

　　由此看来，JQuery Mobile的发展前景还是挺好的。

　　JQuery MObile的基本知识点：

• 　　布局（产生一张或多张页面）
  • 　　产生整张页面 data-role=“page”;
  • 　　产生头部data-role=“head”;
  • 　　产生主题data-role=“content”;
  • 　　产生底部data-role=“foot”;
• 　　图标类：（JQuery Mobile的css插件中为我们提供了一系列的图标，我们直接去用就行了）
  • 　　data-icon="arrow-l"左箭头
  • 　　data-icon="arrow-r"右箭头
  • 　　data-icon="arrow-u"上箭头
  • 　　data-icon="arrow-d"下箭头
  • 　　data-icon="plus"加
  • 　　data-icon="minus"减
  • 　　data-icon="delete"删除
  • 　　data-icon="check"检查
  • 　　data-icon="home"首页
  • 　　data-icon="info"信息
  • 　　data-icon="grid"网格
  • 　　data-icon="gear"齿轮
  • 　　data-icon="search"搜索
  • 　　data-icon="back"后退
  • 　　data-icon="forward"向前
  • 　　data-icon="refresh"刷新
  • 　　data-icon="star"星
  • 　　data-icon="alert"提醒
• 事件类（在手机上操作时所触发的事件）
  • 　　　pagebeforecreate 在页面创建前触发
  • 　　　pagecreate 在页面创建时触发
  • 　　　pageinitcreate 在页面创建后触发
  • 　　　pagebeforeload 在页面加载前触发
  • 　　　pageload 在页面创建成功时触发
  • 　　　pageloadfailed 在页面创建失败时触发
  • 　　　pagebeforeshow 页面显示前
  • 　　　pageshow 页面显示后
  • 　　　pagebeforehide 页面隐藏前
  • 　　　tap 单击手机事件
  • 　　　taphold 长按一秒时触发
  • 　　   swipe 滑动超过30px时触发
  • 　　   landscape 手机水平方向
  • 　　   portrait 手机垂直方向
  • 　　   scrostart 滚动开始事件
  • 　　　scrollstop 滚动停止事件

以上就是JQuery Mobile的基本知识！零基础的欢迎学习！

jquery mobile

标签：

原文地址：http://www.cnblogs.com/ssf369369/p/ssf04.html