jQuery Mobile移动Web布局与表单
jQuery Mobile 的布局和表单，是真的蛮适合入门移动 Web 开发的。页面结构挺清晰的，支持多页面切换，适配也做得不错。你只要用好几个核心组件，像data-role="page"、data-role="header"这些，基本上就能快速搭个完整页面。
布局方式比较有意思，用的不是传统的div结构，而是靠data-role属性来控制。比如顶部导航你直接加个data-role="header"就能搞定，响应也快，样式也统一。表单那块也方便，data-role="fieldcontain"配合控件，表单排版直接省心不少。
组件比较全，像按钮、滑块、复选框这些都有，样式自动套好，不用你手动加 class。适配方面也蛮智能，基本主流手机上都能跑。嗯，要注意的是，如果你在老项目里混用jQuery UI，会有点冲突，两个风格差太多了。
资源文件在240FTP ../ HTML5 移动 Web 开发目录下，第 10 讲文件夹里。你可以配着官方文档边练边学，效果还挺好。如果你想扩展一下理解，下面这几个文章和资源我觉得也可以看看：
- HTML5 移动 Web 开发秘笈
- HTML5 移动 Web 开发技术指南
- HTML5 移动 Web 开发实战书 + 源码
- html5 移动应用
- PhoneGap HTML5 移动
- 响应式 Web 开发项目教程 HTML5 表单验证
如果你刚开始搞移动端页面，又不想写太多自定义样式，可以试试jQuery Mobile，上手快，踩坑少。
文件大小：1.77MB
评论区